티스토리 뷰

Front-end/HTML

태그

ekki88 2022. 10. 13. 16:07

주요 body 태그

<h1~h6> 제목태그,폰트 사이즈 차이남

<p> 문단 표시 태그

<a> 하이퍼링크 설정 태그

- href: 하이퍼링크url

- target: 링크된 url 이동방법 지정

= _self: 현재 브라우저에 띄움

_blank: 새로운 브라우저 탭에 띄움

<ol> 순서가 있는 리스트 (오더 리스트)

<ui> 순서가 없는 리스트

<li> 위 태그내에 사용해서 각 리스트 아이템 표시

<img> 이미지삽입 태그

- src: 이미지 파일 위치(상대경로또는 절대경로로 설정)

- alt: 이미지 대체 텍스트

<div> html문서의 특정부분 지정하는데 사용(화면에 표시가 달라지는 부분은 없는 특이태그)

테이블 기본태그

<table> 표구현을 위한 태그, 게시판,데이터관리시 유용, 줄(행 rows)과 칸(열 column)으로 구성

- <tr>태그: table row

: 테이블에서 하나의 줄에 해당하는 행을 정의하는 태그

- <td>태그: table data

: 테이블에서 테이터가 표시되는 표준 셀을 정의하는 태그

: 반드시 <tr>태그내에서 사용

: 셀 내용> 왼쪽 정렬로 표시

<caption>태그

: 테이블 전체에 해당하는 제목을 표시

: 테이블 레이아웃에는 아무런 영향 미지지않음

: 반드시 <table>시작 태그의 바로 다음에 위치

: <table>과 <caption>태그 사이에 어떤 태그도 위치불가

: <te>,<td>태그내에 사용시 무시

: caption 태그 쓰면 숨겨주기

thead나 tfoot은 표에서 한번도 안나오거나 한번만 나와야하고 tfoot은 thead보다 뒤에 위치해야함

<thead> 제목으로 구성된 열들을 가진 행을 표시

<th> 제목으로 구성된 각 열을 표시

<tbody> 표의 내용을 나타내는 행들을 표시

<tr> 표의 내용을 나타내는 각 행들을 표시

<td> 표의 내용을 나타내는 각 열들을 표시

<tfoot> 표의 마지막행을 표시

 

이전에 작성해뒀던 나의 네이버 블로그에서 옮겨왔다.

https://blog.naver.com/ekki88

공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함