HTML이란?
화면 구성에 필요한 개체의 나열이다 (구조화된 나열)
색깔, 크기, 형상이 없는 정해지지 않는 개체들의 나열이다
HT (Hyper Text) 와 ML(Markup Language)의 줄임말로 링크기능이 가능한 구조화된 문서를 말한다.
HTML의 구조
<HTML> //시작 태그 (HTML의 문법 영역을 표시)
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML> //종료태그
기본 태그들
exam1.
br태그, hr 태그
<br>
텍스트 내의 줄바꿈을 할 때 사용합니다.
<hr>
수평 가로선을 말합니다
속성을 지정할 수 있는데
<hr size="3" width="300"> 이렇게 지정하면 수평선의 두께와 길이를 각각 3, 300으로 지정할 수 있습니다.
exam2.
a태그
<a>
anker태그로 하이퍼링크 기능입니다.
<a href = "https://www.naver.com/"> 네이버로 가기 </a>
여기서 href는 Hyper Reference로 참조링크를 말합니다.
a태그를 클릭하면 href로 지정한 링크로 이동하게 됩니다. (네이버로 이동)
exam03.
ul 태그, ol태그, filedset태그, marquee 태그
<ul>
ul = unordered list로 순서가 없는 리스트입니다.
예제)
<ul>
<li>사과</li>
<li>오렌지</li>
<li>바나나</li>
</ul>
실행화면)
<ol>
ol = ordered list 로 순서가 있는 리스트입니다.
예제)
<ol>
<li>html</li>
<li>css</li>
<li>js</li>
</ol>
실행화면)
<filedset>
filedset이란 관계가 있는 요소들끼리 그룹화하는 것입니다. 이 태그는 <legend> 태그와 함께 사용합니다.
여기서, legend 태그는 제목을 지정해주는 태그입니다.
예제)
<fieldset>
<legend>filedset연습</legend>
filedset 영역입니다.
</fieldset>
실행화면)
<marquee>
marquee란 글자, 그림을 상하좌우로 움직이게 만드는 태그를 말합니다.
exam4.
table태그
예제)
<table border="3">
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
</table>
tr=table row (표 내부 행)
th=table heading ( 행 내부 제목 셀)
td=table data (행 내부 일반 셀)
caption=table 제목, 설명 작성 태그
실행화면)
'2024_풀스택학원 > Front-end' 카테고리의 다른 글
| [HTML/CSS] Transform 속성과 예제 (0) | 2024.03.21 |
|---|---|
| [HTML/CSS] overflow-x, overflow-y / position 속성 (0) | 2024.03.20 |
| [HTML/CSS]Float로 기본 레이아웃 만들기(예제) (0) | 2024.03.18 |
| [CSS]CSS 적용 방법 , 선택자(Selector), display 속성 (0) | 2024.03.14 |
| [HTML]table 셀 병합, 입력 관련 태그 (1) | 2024.03.13 |
