오늘 배워 오늘 쓰는 OpenAPI/프로젝트

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

ai-creator 2020. 5. 9. 05:44
반응형

# 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를 여러개 적용할때에는 띄어쓰기로 연결한다.

출처 : 조코딩

 

 


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

 

반응형