STUDY/HTML

<title>, utf-8, <body> , <link>, <a>

aftersep 2022. 1. 28. 01:55

<title> text </title> : 웹페이지의 이름 생성

 

 

글씨가 깨져서 나올 때

 

글씨 깨짐 오류 발생 시 입력

<meta (스페이스바) charset (스페이스바) "">

charset : character - 문자, set - 규칙

<meta charset="utf-8"> : 본문이 utf-8 형식으로 저장되어 있음을 설명함

코드 입력 후 정상적으로 출력된 화면의 모습이다.

 

고위층 태그

<body> text </body> : 본문을 이 태그로 묶어야만 하는 것이 약속

<head> text </head> : 제목을 이 태그로 묶어야만 하는 것이 약속

; html에 있는 모든 태그는 <head> 태그, <body> 태그 둘 중 하나에 놓이게 된다.

최고위층 태그

<html> text </html>

 

<!doctype html> : 모든 html 웹페이지 맨 상단에 적어두는 약속

 

atom 에디터에서 html 입력 후 엔터를 누르면 기본적으로 뜨는 양식은 다음과 같다.

html의 기본 양식

 

<!doctype html> : 모든 html 웹페이지 맨 상단에 적어두는 약속

웹페이지에서 Ctrl + U를 누르거나 오른쪽 마우스 - 페이지 소스 보기를 누르면 확인할 수 있다.

 

<a> text </a> : anchor, 링크. 웹페이지 링크를 걸어 페이지가 전환되도록 함

href ; 하이퍼링크

 

위와 같이 특정 부분에 링크가 걸려있는 것을 알 수 있다.

 

target="_blank" : 새 탭으로 열리게 만듦

 

 

title = "text" 툴 팁으로 어떤 링크인지 알려주고 싶을 때 걸어주는 것

'STUDY > HTML' 카테고리의 다른 글

<input>  (0) 2022.05.28
<li>, <ul>, <ol>  (0) 2022.01.27
HTML에서 가장 많이 쓰이는 tag, <br>, <p>, <img>  (0) 2022.01.27
태그tag, <strong>, <u>, <h1>  (0) 2022.01.27