KDHzoot's Github

Code for study, project, etc

자세히보기

카테고리 없음

html tag Basic, Text, Link

kdhzoot 2018. 3. 27. 01:27

<!DOCTYPE html>

html5에서 적용되는 웹 페이지 시작


<html>

안에 있는 요소는 모두 html 요소


<head>

메타데이터를 포함하기 위한 요소


<title>

문서의 제목 정의


<style>

html 문서를 위한 style 정보를 정의


<link>

외부 리소스와 연계 정보를 정의, 보통 css파일


<script>

JavaScript 파일 정의 및 불러오기


<meta>

메타데이터 정의에 사용

<meta name="attribute" content="value">

 attribute

 설명 

 keywords

 SEO에 사용할 keywords 

 description

 웹페이지의 설명

 author

 웹페이지의 저자 

 refresh

 웹페이지 초기화 


<body>

html 문서의 내용을 나타냄. 보여지는 모든 요소들


제목 태그

<h1>

heading태그 제목을 쓰거나 할 때 사용함, SEO에서 크게 고려하니 중요함


글자 형태 태그

<b> bold체를 지정

<strong> 두껍게

<i> Italic체를 지정

<em> 기울이기

<small> 작게

<mark> 표시

<del> 중간에 줄긋기

<ins> 밑줄

<sub/sup> 아래첨자, 위첨자


본문 태그

<p> 단락이지만 연속 공백이 처리 안됨 &nbsp; 사용

<pre> 단락이지만 띄어쓰기 그대로 들어감

<q> 짧은 인용문 지정


<br> 개행

<hr> 수평줄 삽입

<blockquote> 안의 내용을 블럭에 담음


링크 태그

<a href="링크">link.com</a>

link.com 텍스트를 누르면 링크로 이동


어트리뷰트

href : 링크

절대 URL, 상대 URL, 페이지 내의 id, 메일, script

target : _self면 현재 윈도우에서 오픈 _blank이면 새 윈도우에서 오픈