HTML 기초 지식

인터넷에 검색하면 많은 나오는 정보를

또 검색하지 않게 옮기거나 작성하였습니다.

저에게만 맞춤 정보로 편집되었습니다.

내용이 업뎃이 필요하면 새글이 아닌 수정됩니다.(수정 내용은 밣히지 않습니다.)

초등 저학년 수준의 글쓰기이니 글을 보시면서도 이해 부탁 드립니다.

HTML이란 : HyperText Markup Language 의 줄임말

하이퍼켁스트란 웹 사이트에서 클릭하여 다른 문서나 사이트로 즉시 이동할 수 있는 기능을 말하며, 마크업이란 태그를 사용해 문서의 제목, 본문, 이미지, 링크 등을 구분하여 표시하는 것을 말한다.

-- HTML이란 웹을 자유롭게 이동할 수 있는 웹문서를 만드는 언어 확장자는 **.html

HTML이 일반 문서와 다른점

: 일반 문서는 작성과 확인이 한 프로그램 안에서 이루어지지만, HTML은 작성하는 프로그램 웹 편집기와 보여지는 프로그램 웹 브라우저로 서로 다르다.

웹 표준이란

: 장소나 브라우저에 구애 받지 않고 언제 어디서든 쉽게 웹 사이트를 볼수 있도록 웹 문서 만드는 규칙 ( = HTML5 )

HTML5 와 CSS3를 공부하는 이유

: 최신 웹 표준에 맞는 사이트를 제작할 수 있고, 웹 화면을 디자인하기 위한 기초이며 즉시 반응할 수 있는 인터랙티브한 사이트를 만들 수 있다. 블러그나 웹 사이트 수정을 쉽게 할 수 있다.

HTML 기본 문서 작성 상식

: 웹 브라우저에서 "<" 와 ">" 사이에 문자는 태그로 태그는 소문자로 사용을 권장한다.(특별히 대, 소문자를 구별하지는 않는다)

: 반드시 여는 태그와 닫는 태그를 정확히 입력한다.

: 문서 구조를 쉽게 파악하기 위해 Tap키를 이용해 들여 쓰기를 태그는 속성과 함께 사용할 수 있다.

( 예 : <태그 속성 = "속성 값">, 여러개의 속성을 사용할 수 있음)

HTML 기본 구성
<HTML>
<head>
</head>
<body>
<p>
</p>
</body>
</HTML>

<!DOCTYPE> 문서 유형을 지정하는 선언문

: HTML5에서는 모든 언어를 표시할 수 있는 utf-8방식을 사용한다.

속성으로 name 과 content 를 사용하며 content 에 사이트의 짧은 설명을 입력한다.

: <html>태그 - 문서 시작을 알리는 태그로 "lang" 이란 속성으로 사용할 언어를 지정한다.

: <head> - 보이지는 않지만 웹 브라우저가 알아야 할 정보를 모두 입력되어 있다.

이곳에는 <title> , <meta> , <style> , <link> 등의 태그가 들어간다.

<title> - 문서의 제목으로 웹 브라우저의 제목 표시줄에 표시되며, 방문자나 검색 엔진은 이것으로 내용을 추측한다.

즐겨찾기에 추가할 때 이 내용이 표시됨

<body>태그 - 브라우저에 표시될 내용이 입력된다.

HTML 수직(세로), 수평(가로) 가운데 정렬 (0)	2022.04.26
html 본문 글의 스타일을 만드는 때 입력하는 명령어 (0)	2022.04.26

learning