observe_db

[웹 소프트웨어] Lec.2.HTML Basics(3) 본문

학교 공부/오픈소스웹소프트웨어(3-1)

[웹 소프트웨어] Lec.2.HTML Basics(3)

쩡윤 2023. 3. 10. 22:52

Part 3.

HTML은 웹페이지의 구조를 기술한다.

HTML tag는 <> 사이에 이름을 넣는다.

보통 태그는 오프닝 태그와 클로징 태그가 있지만, 클로징이 없거나 안하는 경우도 있다.

HTML 속성은 추가적 정보를 넣는다.

 

<!DOCTYPE html>

  • 딱 1번, 제일 먼저 온다.
  • 브라우저가 바르게 표현할 수 있게 한다.

<html></html>

  • 모든 페이지의 컨텐츠를 둘러싼다.

<head></head>

  • 웹페이지의 정보를 포함한다.

<title></title>

  • 웹페이지의 탭 이름을 설정한다.

<body></body>

  • 브라우저 주 화면을 포함한다.

 

html 파일은 .html 확장자를 가진다.

 

 

Part 4. HTML Elements

 

<h1> ~ <h6>: 해딩 태그

<p>: 문장 태그. end tag가 필요하며, 이것을 이용해서 개행을 해야함.

<br>: 개행부분을 정의. 싱글태그

<hr>: 선을 긋는 태그. 내용 구분을 위해 사용한다.

 

&lt; &gt: <와 >. 태그와 겹치기 떄문에 따로 사용한다.

 

<ul>, <ol>: Unordered/Ordered List. 전자는 숫자가 아니고, 앞은 숫자인 리스트.

<li></li>: 리스트 앞뒤에 붙는 태그

<a>: 하이퍼링크 태그. 뒤에 href= 속성을 통해 링크를 걸 수 있다.

  • _blank: 새창/새탭
  • _self: 같은 페이지에서
  • _parent
  • _top

++내부에서도 이동하게 할 수 있다.

<img>: 이미지 태그. 뒤의 src 속성으로 사진을 지정하고, width height 옵션으로 크기를 만들고, alt 속성으로 대체 택스트 설정

<table>: 테이블을 만드는 태그

  • <tr>: 테이블 row
  • <td>: 테이블 data
  • <th>: 테이블 header

 

'학교 공부 > 오픈소스웹소프트웨어(3-1)' 카테고리의 다른 글

[웹 소프트웨어] Lec. 4. CSS Foundation(2)  (0) 2023.03.24
[웹 소프트웨어] Lec. 4. CSS Foundation(1)  (0) 2023.03.24
[웹 소프트웨어] Lec. 3: HTML Multimedia, Block and Form  (0) 2023.03.20
[웹소프트웨어] Lec.2. HTML Basics(2)  (0) 2023.03.08
[웹소프트웨어]Lec. 2. HTML Basics(1)  (0) 2023.03.07
'학교 공부/오픈소스웹소프트웨어(3-1)' Related Articles more
Comments