티스토리 뷰
HTML5에는 태그가 있다. 기본적인 구조는
<!DOCTYPE html> 이 문서의 속성이 html임을 선언
<head> </head> 문서의 정의
<h1 ~ 6> </h1 ~ 6> 타이틀 태그
<title> </title> 글씨태그
<body> </body> 문서의 내용
<p> </p> 문단 구분 태그
<a> </a> 문서이동을 위한 링크 태그
href : 이동할 주소
target : _self /_blank 내가 보여줄 것인지 새창을 띄울 것인지 결정
<br/> 띄어쓰기 태그
<hr/> 문단 위치 태그 id로 지정할 수 있다.
목록 만들기
<ol> 순서가 있는 목록
<ul> 순서가 없는 목록
<li> 목록 내 리스트 추가
<dl> 리스트 선언 <ol>, <ul> 과 달리 안닫고 연속으로 이을 수 있다.
<dt> 소제목
<dd> 항목
테이블 태그(표를 만들기 위함)
<table> 표 시작/끝
border : 테이블을 표현하는 선 두께
<th> 행 중에 첫번째에 타이틀 표시(진하게) 가능
<tr> 행
<td> 열
colspan : 열 합치기
rowsapn : 행 합치기
폼 태그(서버로 데이터 전송)
<form> 데이터 처리 문서의 주소와 데이터 전달 방식을 속성으로 갖는다.
action : 보낼 서버의 url
method : 정보와 넘기는 방법
<input> type속성을 이용해서 사용자의 다양한 정보를 얻을 수 있다.
type의 종류는 text, password, file, radio, checkbox 등등을 고를 수 있음
이미지 태그
<img> 웹문서에 이미지 삽입
src : 이미지 위치정보 url 또는 local
멀티미디어 태그
<embed> 멀티미디어 요소삽입
src : 재생하려는 파일의 경로와 이름
width : 가로 사이즈
height : 세로 사이즈
autostart : 자동실행 여부(true/false)
<audio> 음악요소 삽입
src : 재생하려는 파일의 경로와 이름
controls : 컨트롤러 출력
autoplay : 자동실행
loop : 반복실행
<video> 동영상 요소 삽입
src : 재생하려는 파일의 경로와 이름
type : 재생매체 타입
controls : 컨트롤러 출력
autoplay : 자동실행
loop : 반복실행
시멘틱태그 : <div> 태그로 모두 나누면 좆되는 경우가 생기기 때문
<header> : 페이지의 헤드영역
<footer> : 페이지의 하단 영역
<nav> : 페이지의 네비게이션(메뉴) 영역
<section> : 페이지의 내용
<article> : section과 유사하며, 글또는 어떠한 내용을 출력
<aside> : 부가적인 내용
'프로그래밍 언어 > HTML5,CSS,JavaScript' 카테고리의 다른 글
[CSS3] CSS3의 속성 선택자 (0) | 2017.01.17 |
---|---|
[CSS3] CSS3의 import, media, 웹폰트 (0) | 2016.12.06 |
[CSS3] CSS3 속성 (0) | 2016.12.05 |
[CSS3] CSS3 기초 (0) | 2016.12.04 |
[HTML5] 001_HTML5 입문 (0) | 2016.12.04 |