웹크롤링 - HTML 이해 (2/3)

# HTML 요소(element) 구조

출처 : https://developer.mozilla.org/ko/docs/Learn/HTML/Introduction_to_HTML/Getting_started

- 옷에 붙어있는 태그라고 생각하면 된다.

- 열린태그(opening tag)와 닫힌태그(closing tag)가 쌍을 이룬다.

# 속성 (Attribute)

출처 : https://developer.mozilla.org/ko/docs/Learn/HTML/Introduction_to_HTML/Getting_started

 

태그 이름만으로는 정보가 부족할 때 "속성" 정보를 줌

태그 + 속성

<img src="xxx.jpg" width="100%">

<a href="https://www.w3schools.com">Visit W3Schools.com!</a>

# 가장 많이 사용하는 HTML Tag

참고) HTML tag 정보 확인 : https://www.w3schools.com/

태그	설명
<strong> ... </strong> 열린태그      닫힌태그	진하게
<u> ... </u>	밑줄
<h1> ... </h1>	제목
<br>  ... </br>	줄바꿈 (single line break)
<p> ... </p>	단락 (paragraph)
<img>	이미지
<li> ... </li>	리스트 (list)
<ul>... </ul>	리스트의 부모태그 리스트의 그룹을 정해줌 (unordered list) <ul>   <li>Coffee</li>   <li>Tea</li>   <li>Milk</li> </ul>
<ol> ... </ol>	ul과 동일한데, 숫자를 자동으로 생성됨 (ordered list)
<a>	hyperlink
<div>	분할, 구역을 나눠주는 기능 (division)

# 기타 문법적 요소

> class를 여러개 적용할때에는 띄어쓰기로 연결한다.

출처 : 조코딩

 

 

---

저작물의 저작권은 작성자에게 있습니다.
공유는 자유롭게 하시되 댓글 남겨주세요~
상업적 용도로는 무단 사용을 금지합니다.
끝까지 읽어주셔서 감사합니다^^