기술 블로그의 첫 시작으로 공부하고있는 HTML에 대해
기본적인 것을 정리해보자 서툴지만 나아질거야
1. HTML element
Opening tag <> 와 closing tag </>, content
content만 화면에 표시할 수 있다
<p>Hello World</p>Hello World
2. The Body
body 태그 내의 content만 화면에 표시할 수 있다
<body> <p>Hello world</p> </body>Hello World
3. The Headings
Headings 6개의 크기가 다른 제목 요소가 있다.
<h*>content</h*> 로 표시
<body> <h1>ABC</h1> <h2>ABC</h2> <h3>ABC</h3> <h4>ABC</h4> <h5>ABC</h5> <h6>ABC</h6> </body>mango
mango
mango
mango
mango
mango
4. division
<div></div>
-Grouping하는데 편리, 시각적으로 보이지 않는다.
-HTML의 요소를 그룹화하여 그 내부의 모든 HTML요소에 동일한 스타일 적용이 가능.
<body> <div> <h2>Why use divs</h2> <p>Great for grouping elements</p> </div> </body>Why use divs
Great for grouping elements
5. Attribute
name of the attribute
value of the attribute
-Opening tag에 추가되는 정보
-정보제공, 스타일 변경 등 여러가지로 이용됨
-화면에는 id가 나타나지 않지만
코드를 볼때 id를 통해 div group을 구별하기쉽다.
<body> <div id="intro"> <h2>introduction</h2> <p>Let me introduce myself.</p> </div> <div id="addr"> <h2>address</h2> <p>What’s your email address?</p> </div> </body>introduction
Let me introduce myself.
address
What’s your email address?
6. Displaying Text
- 단락
<p>,</p>에는 일반 텍스트 블록이 포함된다. <span></span>짧은 텍스트 또는 같은 줄에 있는 특정정보를 표시하기에 편리하다 , 시각적으로 표시되지 않는다 (코딩한 것을 볼때 알기 쉽게 표시)<em></em>기울임 글꼴로 강조<strong></strong>굵은 글꼴로 강조<u></u>밑줄로 강조<br>줄바꿈
<div id="html"> <h3>What is HTML explain?</h3> <p><span>HTML stands for Hyper Text Markup Language.</span>HTML is the standard markup language for <em>creating Web pages.</em>HTML describes the structure of a <u>Web page</u>. HTML consists of a series of elements. <strong>HTML elements tell the browser how to display the content.</strong></p> </div>What is HTML explain?
HTML stands for Hyper Text Markup Language. HTML is the standard markup language for creating Web pages. HTML describes the structure of a Web page. HTML consists of a series of elements. HTML elements tell the browser how to display the content.
