[HTML5 & CSS3] 첫번째수업

진도 엄청 빨리 나갔음

​

​

*<strong> 태그 : 경고나 주의사항처럼 중요한 내용이어서 강조해야 할 때

<b> 태그 : 문서의 키워드처럼 단순히 굵게 표시할 때

​

*<p> 태그 : 텍스트 단락. </p> 태그를 만날때까지 줄바꿈 없이 텍스트를 한 줄로 표시

​

*<br> 태그 : 줄 바꾸기

​

*<hr> 태그 : 수평 줄 넣기. 텍스트 단락의 주제가 바뀔 때 분위기 전환용으로 사용함

​

*<blockquote> 태그 : 인용문 넣기. 다른 텍스트보다 안으로 들여 써짐. 블록 태그라서 줄이 바뀌어 나타남

<q> 태그 : 인용문 넣기. 줄바꿈 없이 다른 내용과 함께 한 줄로 표시되고 인용 내용에 따옴표를 붙여 표시함

​

*<pre> 태그 : 입력하는 그대로 화면에 표시하기

​

*<em> 태그 : 이탤릭체(비스듬한 글씨체)로 텍스트를 강조

<i> 태그 : 이탤릭체로 표시할 텍스트

​

*<mark> 태그 : 형광펜 효과 내기

​

*<span> 태그 : 줄바꿈 없이 일부 텍스트만 묶어 스타일 적용

​

*<ruby> 태그 : 동아시아 글자 표시

​

*<ul> 태그 : 순서가 필요하지 않은 목록

<li> 태그 : <ul> 태그 안에 사용해 각 항목을 표시

​

<ul>

<li> 내용 </li>

<li> 내용 </li>

</ul>

​

*<ol> 태그 : 항목을 나열하되 순서가 필요한 목록

<li> 태그 : <ol> 태그 안에 사용해 각 항목을 표시

​

<ol>

<li> 내용 </li>

<li> 내용 </li>

</ol>

​

*<dl> 태그 : 제목과 설명이 한 쌍인 설명 목록

<dt> 태그 : 제목

<dd> 태그 : 설명

​

<dl>

<dt> 제목 </dt>

<dd> 설명 </dd>

</dl>

​

*기본적인 표 만들기

​

<table>

<tr>

<td> 내용 </td>

<td> 내용 </td>

</tr>

</table>

​

*행 또는 열 합치기

<td colspan="합칠 셀의 개수"> 내용 </td>

<th colspan="합칠 셀의 개수"> 내용 </th>

​

*<caption> 태그 : 표의 위쪽 중앙에 표시됨

<figcaption> 태그 : figure와 caption의 합성어로 설명 글을 붙이고 싶은 대상을 <figure> 태그로 감싼 후 <figcaption> 태그를 이용해 제목이나 설명 글을 입력한다.

​

*aria-describedby : 표에 대한 설명 제공하기

​

*표 구조 정의하기

<thead> 태그 : 제목

<tbody> 태그 : 본문

<tfoot> 태그 : 요약

​

<thead>

<tr> ... </tr>

</thead>

<tbody>

<tr> ... </tr>

</tbody>

<tfoot>

<tr> ... </tr>

</tfoot>

​

*<col> 태그 : 한 열에 있는 모든 셀에 같은 스타일을 적용하려고 할 때 사용하는 것으로 닫는 태그가 없다

<colgroup> 태그 : 여러 열을 묶는 것

​

<colgroup>

<col>

...

</colgroup>