1. paragraph (<p>태그)
- p태그는 항상 새 줄(자동으로 줄바꿈)에서 시작하며 자동으로 p태그 위아래로 "기본마진"을 추가합니다.
- HTML에서 줄바꿈은 엔터키나 스페이스바를 통해서 바꿀 수 없습니다.
- HTML에서 여러개의 공백은 한개의 공백으로 처리됩니다.
줄바꿈을 위해서는 <br> 태그를 사용하세요. (닫히는 태그 x)
<br>
사용자가 넣은 공백과 줄 바꿈을 유지하고 싶다면 <pre> 속성을 사용하세요.
<pre>
동해물과 백두산이 마르고닳도록
하느님이 보우하사 길이 보우하세
무궁화 삼천리 화려강산
대한사람 대한으로 길이보전하세
</pre>
2. style
스타일 속성은 색상, 글꼴, 크기 등과 같은 요소에 스타일을 추가하는 데 사용됩니다.
<p style="color:red;">I am red</p>
<p style="color;bule">I am blue</p>
<p style="font-size:50px;">I am big</p>
Background Color (배경색)
<body style="background-color:powderblue;"> // body적용=페이지전체
Text Color (텍스트색상)
<h1 style="color:blue;">This is a heading</h1>
Font (폰트)
<h1 style="font-family : verdana;">This is a heading</h1>
Text Size (텍스트크기)
<h1 style="font-size:300%;">This is a heading</h1>
Text Alignment (텍스트정렬)
<h1 style="text-align:center;">Centered Heading</h1>
3. formatting (Text)
HTML에는 특별한 의미로 텍스트를 정의하기위한 몇 가지 요소가 있습니다.
<b> - Bold text (두꺼운 텍스트)
<b>This text is bold</b>※ 단순히 텍스트만 두꺼워집니다.
<strong> - Bold text (두꺼운 텍스트)
<strong>This text is strong</strong>※ <b>태그와 마찬가지로 텍스트가 두꺼워집니다. 하지만 <b>태그와 다른 차이점이 있습니다.
<strong> 태그는 단순히 텍스트만 두꺼워지는 것이 아니라 실제로 페이지 내에서 이 부분은 중요한 의미라는 것을 브라우저에게 알려주는 역할을 합니다.
<i> - Italic text (기울임꼴 텍스트)
<i>This text is italic</i><i>태그는 용어, 구절, 인물의 생각 등 특정 이유로 주위와 구분을 해야 할 때 사용한다.
<em> - Italic text (기울임꼴 텍스트)
<p><em>This text is emphasized.</em></p><em> 태그는 <strong> 태그와 마찬가지로 강조의 의미도 포함되어 있다.
<mark> - 하이라이트
<h2>HTML <mark>Marked</mark> Formatting</h2>
<small> - 작은 텍스트
<h2>HTML <small>Small</small> Formatting</h2>
<del> - 제거된 텍스트
<p>My favorite color is <del>blue</del> red.</p>ex) My favorite color is Blue red.
<ins> - 밑줄
<p>My favorite <ins>color</ins> is red.</p>ex) My favorite color is red.
<sub> - 아래 첨자
<p>This is <sub>subscripted</sub> text.</p>
<sup> - 위 첨자
The HTML <sup> element defines superscripted text.'HTML5' 카테고리의 다른 글
| w3스쿨즈 HTML(5) - 이미지[image] (0) | 2022.03.24 |
|---|---|
| w3스쿨즈 HTML(5) - 링크[link] (0) | 2022.03.24 |
| w3스쿨즈 HTML(4) - CSS (0) | 2022.03.24 |
| w3스쿨즈 HTML(3) - Quotation, Color (0) | 2022.03.24 |
| w3스쿨즈 HTML5(1) - 개요, 속성, heading (0) | 2022.03.24 |
댓글