목차
WEB1 (1~13)
본 글은 위 무료 강의를 정리하는 글
1. HTML이란?
HTML : 웹을 구동하는 프로그래밍 언어, 문법이 가장 간단함. → Visual Studio Code를 활용
태그(tag) : HTML을 기술하기 위하여 사용하는 명령어의 집합
< > </ > : 태그에 주는 다양한 옵션은 모두 여는 태그에 지정하며, 닫는 태그는 태그 효과가 적용되는 범위의 끝을 나타냄.
2. 그럼 어떤 태그를 알아두어야 하는가?
HTML Study | Advanced Web Ranking
<br> : 줄 바꿈을 의미, 닫힌 태그가 존재하지 않음.
<p> </p> : paragraph, 단락을 의미.
3. 태그의 속성
<img> : 이미지를 삽입하는 태그
→ 하지만 이 Html 태그만으로는 이미지를 삽입할 수 없음.
→ 이 태그의 '속성'을 추가해주고 싶음.
→ <img src="">로 태그의 속성(source, src)를 추가해서 이미지를 이용할 수 있음.
속성(attribute) : 태그만으로는 정보가 부족할 때 태그에게 추가적인 정보를 제공하는 것.
4. 부모자식과 목록
태그가 서로 포함 관계로 연관되어 있을 때 포함하고 있는 태그를 부모 태그
포함되어 있는 태그를 자식 태그라고 부름.
<li> : 목차를 사용할 때 활용하는 태그
→ 어디서부터 어디까지가 서로 연관된 항목인지를 경계를 짓기 위한, 그룹을 만들기 위한 부모태그가 필요.
→ <ul> : <li>를 구분 짓는 부모태그
- <ol> : ordered list
- <table> : 표 작성 태그, 자식태그로 <tb>,<tr>이 따라옴.
5. 문서의 구조와 주요 태그 - ★
<title> : 웹의 제목 태그
<meta> : 웹 화면에 보이지는 않지만 중요한 정보를 표기
ex. <meta charset="utf-8"> : 이 문서는 utf-8로 적혀 있는 문서이다.
- charset : 문자
<!DOCTYPE html> : 이 문서는 html로 작성된 것을 지시하는 태그
<html> : HTML이 작용하는 범위를 지정하는 태그
<head> : 본문을 설명하는 태그, <body> 태그를 설명하는 태
<body> : 본문에 해당하는 태그
'Web > HTML' 카테고리의 다른 글
| [HTML] 생활코딩 WEB1 부록 코드의 힘 내용 정리 (0) | 2023.03.06 |
|---|---|
| [HTML] 생활코딩 Web1 내용정리 (인터넷) (0) | 2023.03.03 |
댓글