์ „์ฒด ๊ธ€

์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์ค€๋น„ ๋ธ”๋กœ๊ทธ: https://velog.io/@chaerlo127
- HTML Picture Element tag tag๋Š” ๋‹จ๋…์œผ๋กœ๋„ ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•˜์ง€๋งŒ, picture์˜ ํ•˜์œ„ ํƒœ๊ทธ๋กœ๋„ ์‚ฌ์šฉ ๋‹จ๋…์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ํƒœ๊ทธ๋„ ์ œํ•œ์ ์œผ๋กœ ๋ฐ˜์‘ํ˜• ๋ ˆ์ด์•„์›ƒ์„ ์ง€์› ํƒœ๊ทธ์˜ "srcset" ์†์„ฑ์„ ์ด์šฉํ•˜๋ฉด ์›น ๋ธŒ๋ผ์šฐ์ € ๋„ˆ๋น„ ๋ณ€๊ฒฝ์— ๋งž์ถฐ ์ ์ ˆํ•œ ์ด๋ฏธ์ง€ ํŒŒ์ผ์ด ๋กœ๋”ฉ๋˜์–ด ๊ฐ€๋ณ€ ํฌ๊ธฐ๋กœ ํ‘œ์‹œe๋จ. tag ๋ฐ˜์‘ํ˜• ์›น ์ด๋ฏธ์ง€๋ฅผ ๊ตฌํ˜„ ์š”์†Œ์˜ ๋‹ค์ค‘ ์ด๋ฏธ์ง€ ๋ฆฌ์†Œ์Šค(multiple image sources)๋ฅผ ์œ„ํ•œ ์ปจํ…Œ์ด๋„ˆ ์ •์˜์‹œ ์‚ฌ์šฉ ํƒœ๊ทธ๋Š” ํ•˜์œ„ ํƒœ๊ทธ์ธ , ํƒœ๊ทธ๋ฅผ ๊ฐ์‹ธ๋Š” ๋ž˜ํผ ์—ญํ• ๋งŒ์„ ํ•˜๋ฉฐ, ์‹ค์ œ ๋ชจ๋“  ๋ฐ˜์‘ํ˜• ์ด๋ฏธ์ง€ ์ •๋ณด๋Š” ํƒœ๊ทธ์˜ ํ•˜์œ„ ํƒœ๊ทธ์ธ ํƒœ๊ทธ๋ฅผ ํ†ตํ•ด ํ‘œํ˜„ w3schools์˜ ๋ง์„ ์ธ์šฉํ•˜๋ฉด Bandwidth If you have a small screen or device, it is not neces..
- HTML map & area tag shape ์ข…๋ฅ˜ rect : ์ง์‚ฌ๊ฐํ˜• circle : ์› poly : ํ˜• ์˜์—ญ default : ์ „์ฒด ์˜์—ญ coords : ์ •์˜, ์ขŒํ‘œ๋ฅผ ํ‘œ์‹œ HTML Map tag Example JS Script ์‚ฌ์šฉ HTML Map tag Example - HTML Background image Inline CSS ์•ˆ๋…•ํ•˜์„ธ์š” ์ด๊ฑด ๋ฌดํ•œ๋„์ „ ์งค์ž…๋‹ˆ๋‹น ์•ˆ๋…•ํ•˜์„ธ์š” ์ด๊ฑด ๋ฌดํ•œ๋„์ „ ์งค์ž…๋‹ˆ๋‹น ์•ˆ๋…•ํ•˜์„ธ์š” ์ด๊ฑด ๋ฌดํ•œ๋„์ „ ์งค์ž…๋‹ˆ๋‹น ์•ˆ๋…•ํ•˜์„ธ์š” ์ด๊ฑด ๋ฌดํ•œ๋„์ „ ์งค์ž…๋‹ˆ๋‹น Internal CSS ์•ˆ๋…•ํ•˜์„ธ์š” ์ด๊ฑด ๋ฌดํ•œ๋„์ „ ์งค์ž…๋‹ˆ๋‹น background-img๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ํŽ˜์ด์ง€์— ์—ฌ๋Ÿฌ ์‚ฌ์ง„์ด ๋œจ๋Š”๋ฐ, ์ด๋ฅผ ํ•˜๋‚˜๋กœ ๋œจ๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ•์€ background-repeat: no-repeat์„ ์‚ฌ์šฉํ•˜๋ฉด ๋œ๋‹ค. ์•ˆ๋…•ํ•˜์„ธ..
- HTML Colors CSS tag ์˜์‚ฌ ํด๋ž˜์Šค a: link -> ๋งํฌ ์ฒซ ๋ฐฉ๋ฌธ ์‹œ ์ƒํƒœ a: visited - ๋งํฌ ๋ฐฉ๋ฌธ ํ›„ ๋งํฌ ์ƒํƒœ a: hover -> ๋งˆ์šฐ์Šค ํด๋ฆญ ์ „ a: active -> ๋งˆ์šฐ์Šค ํด๋ฆญ ํ›„ click - HTML Bookmarks open chapter 2 open chapter 5 Chapter 1 this chapter is Chapter 2 this chapter is Chapter 3 this chapter is Chapter 4 this chapter is Chapter 5 this chapter is Chapter 6 this chapter is Chapter 7 this chapter is - HTML Image Height, Width Inline CSS In..
1. HTML Link - Target Attribute _self : default, ๊ฐ™์€ ์ฐฝ, ์œˆ๋„์šฐ์—์„œ ๋งํฌ๊ฐ€ ์—ด๋ฆผ _blank: ์ƒˆ๋กœ์šด ์ฐฝ, ์œˆ๋„์šฐ์—์„œ ๋งํฌ๊ฐ€ ์—ด๋ฆผ _parent: ๋งํฌ๋ฅผ parent frame์—์„œ ๋งํฌ๊ฐ€ ์—ด๋ฆผ _top: ํ˜„์žฌ ์œˆ๋„์šฐ ์ „์ฒด์—์„œ ์—ด๋ฆผ _self _blank _parent _top - Absolute URLs & Relative URLs Absolute URLs : a full web address Relative URLs: a link to a page within the same website (without the "https://www" part) Absolute URLs my blog Relative URLs CSS Tutorial - img HTML Link..
1. HTML Color Hello world! Hello world! Hello world! 2. HTML CSS CSS: Cascading Style Sheets - Inline: Using the style attribute single HTML element Hello world! - Internal: Using element in the Hello world! Hello world! - External: Using element link to an external CSS File This is a heading This is a paragraph. /* css file */ body{ background-color: cornflowerblue; } h1{ color: tomato } p{ bac..
1. HTML Text Formatting hello hello hello hello hello how are you Web Programming it's small font delete font : ๊ธฐ์šธ๊ธฐ, ์ฃผ์œ„ ๊ตฌ๋ถ„ : ๊ฐ•์กฐํ•˜๊ณ  ์‹ถ์„ ๋•Œ : ๊ตต๊ธฐ ๊ตต๊ฒŒ : ์ค‘์š”ํ•œ ๋ถ€๋ถ„ ๊ตต๊ฒŒ : ํ˜•๊ด‘ํŽœ , ์ค‘์š”ํ•œ ๋ถ€๋ถ„ : ์ง€์šฐ๊ธฐ : ์ค„ ๊ธ‹๊ธฐ 2. HTML Quotations[์ธ์šฉ๋ฌธ] HTML studying html study hello, html study SQL Written by John Doe. Monarisa by Leonardo da Vinci This line will be written from right to left This line will be written from right to left : ์ธ..
1. HTML Style, Title Attribute, Horizon rule Unordered HTML List Hello How are you Hello Ordered HTML List Hello How are you Hello How are you 2. HTML pre element ๊ณ ์ •ํญ ๊ธ€๊ผด์„ ์‚ฌ์šฉํ•˜๋ฉฐ ํ‘œํ˜„๋˜๋ฉฐ, ์‚ฌ์šฉ๋œ ๋„์–ด์“ฐ๊ธฐ์™€ ์ค„ ๋ฐ”๊ฟˆ์ด ๋ชจ๋‘ ๋ธŒ๋ผ์šฐ์ € ํ™”๋ฉด์— ๋‚˜ํƒ€๋‚จ. this is Paragraphs i'm pre elements i'm pre elements 2 i'm pre elements 3 3. HTML BackGround Color, Font, Text Color, Text Size, Alignment
https://www.w3schools.com/ W3Schools Free Online Web Tutorials W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com ์ด ์›น ํŽ˜์ด์ง€๋ฅผ ํ†ตํ•ด์„œ, ์•„์ฃผ ๊ธฐ๋ณธ์ ์ธ HTML ์„ ๊ณต๋ถ€ํ•ด๋ณด๊ณ ์ž ํ•œ๋‹ค. 1. HTML Document html page hi html page 2. HTML Heading its h1 heading its h2 h..
https://www.advancedwebranking.com/seo/html-study/ HTML Study Overview This HTML usage data comes from 11.3 million index pages gathered from top twenty Google results, for about 30 million keywords - chosen by keyword volume. To learn more about this data, visit the FAQ section. Total 11,264,652 pages Doctype The www.advancedwebranking.com http://tcpschool.com/html-tags/intro ์ฝ”๋”ฉ๊ต์œก ํ‹ฐ์”จํ”ผ์Šค์ฟจ 4์ฐจ์‚ฐ์—…ํ˜๋ช…,..
Web Programming์— ๋Œ€ํ•ด ๊ฑฐ์˜ ์•Œ์ง€ ๋ชปํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ด๋ฒˆ ๋ฐฉํ•™ ๋•Œ ์กฐ๊ธˆ์”ฉ ๊ณต๋ถ€๋ฅผ ํ•ด๋ณด๊ณ ์ž ํ•œ๋‹ค. ์ผ๋‹จ ๋‚ด๊ฐ€ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” IDE ์ค‘์—์„œ VSCODE๋ฅผ ์„ ํƒํ•˜์—ฌ ์›น ํ”„๋กœ๊ทธ๋ž˜๋ฐ์— ๋Œ€ํ•ด ๊ณต๋ถ€๋ฅผ ํ•ด๋ณผ ๊ฒƒ์ด๋‹ค. folder๋ฅผ ์ƒ์„ฑํ•œ ํ›„, ๋‚ด๋ถ€์— ์›ํ•˜๋Š” ์ด๋ฆ„ + .html ํŒŒ์ผ์„ ์ƒ์„ฑํ•œ๋‹ค. HTML, CSS, JS์— ๋Œ€ํ•ด ๊ฑฐ์˜ ์•„๋ฌด๊ฒƒ๋„ ๋ชจ๋ฅด๊ธฐ ๋•Œ๋ฌธ์— ์•Œ๊ณ  ์žˆ๋Š” ๊ฐ„๋‹จํ•œ ๋ฌธ๋ฒ•๋งŒ์„ ์‚ฌ์šฉํ•ด์„œ HTML file ์„ ์ƒ์„ฑํ•ด๋ณด์•˜๋‹ค. it's basic file
chaerlo127
๐Ÿ€ chaeng_ni.develog