no.1 - HTML 주요 태그 정리
HTML 주요 태그
1. 기본 태그
<html>
<head>: 헤드
<title>: 타이틀 (헤드 안의 속함)
<body>: 문서의 본문
- head 와 body 사이에는 아무것도 들어 갈수 없음
<h1> ~ <h6>: 제목
<p>: 단락
<a>: anchor. 링크를 통해 다른 문서에 연결
<hr>: 수평줄
<br>: 줄바꾸기
2. div / span
<div> / <span> 아무것도 나타내지 않는 콘텐츠 영역(꾸미는 목적)
<div>
● 가로폭을 전부 차지함 (block element)
● 폭과 넓이 지정 가능
● 박스 형태의 영역으로 설정됨
<span>
● 줄 사이에 끼워 놓는 요소 (inline element)
● 주로 컨텐츠 안에 강조하고 싶은 부분에 사용
● 크기 설정 불가
★ 헷갈리는 포인트
1. 여러 개 나열시
div는 자동 줄바꿈이 발생
span은 줄바꿈이 일어나지 않고 가로로 나열
2. 여백 설정(margin)
div는 4방향 모두 적용 가능
span은 양옆만 적용 가능
3. ol / ul / li
리스트 관련 태그
<ol>: 순서가 있는 리스트를 생성
<ul>: 순서가 없는 리스트를 생성
<li>: 리스트에 속하는 모든 요소 태그
4. table 생성
<table>: 테이블을 생성하는 태그
<th>: 테이블의 헤더
<tr>: 테이블의 행
<td>: 테이블의 열
Author And Source
이 문제에 관하여(no.1 - HTML 주요 태그 정리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@playck/TIL-no.1-HTML-주요-태그-정리
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<html>
<head>: 헤드
<title>: 타이틀 (헤드 안의 속함)
<body>: 문서의 본문
- head 와 body 사이에는 아무것도 들어 갈수 없음
<h1> ~ <h6>: 제목
<p>: 단락
<a>: anchor. 링크를 통해 다른 문서에 연결
<hr>: 수평줄
<br>: 줄바꾸기
<div> / <span> 아무것도 나타내지 않는 콘텐츠 영역(꾸미는 목적)
<div>
● 가로폭을 전부 차지함 (block element)
● 폭과 넓이 지정 가능
● 박스 형태의 영역으로 설정됨
<span>
● 줄 사이에 끼워 놓는 요소 (inline element)
● 주로 컨텐츠 안에 강조하고 싶은 부분에 사용
● 크기 설정 불가
★ 헷갈리는 포인트
1. 여러 개 나열시
div는 자동 줄바꿈이 발생
span은 줄바꿈이 일어나지 않고 가로로 나열
2. 여백 설정(margin)
div는 4방향 모두 적용 가능
span은 양옆만 적용 가능
리스트 관련 태그
<ol>: 순서가 있는 리스트를 생성
<ul>: 순서가 없는 리스트를 생성
<li>: 리스트에 속하는 모든 요소 태그
<table>: 테이블을 생성하는 태그
<th>: 테이블의 헤더
<tr>: 테이블의 행
<td>: 테이블의 열
Author And Source
이 문제에 관하여(no.1 - HTML 주요 태그 정리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@playck/TIL-no.1-HTML-주요-태그-정리저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)