① 웹 퍼블리셔가 되기 위한 첫걸음 - html/css로 홈페이지 만들기(HTML 기본 문서 구조)

코딩 💻 coding

① 웹 퍼블리셔가 되기 위한 첫걸음 - html/css로 홈페이지 만들기(HTML 기본 문서 구조)

G.로리 2023. 12. 12. 17:52

HTML 기본 문서 구조

1.태그는 < > 를 이용해 구분함

2.태그는 소문자로 씀

대소문자를 구별하지 않지만 HTML5 표준 명세에서는

태그와 태그안에 소문자로 사용하는 것을 권장

맞는 예	틀린 예
<img src = “images/first.jpg”>	<IMG src = “images/first.jpg”>

3. 여는 태그와 닫는 태그를 정확히 입력

맞는 예	틀린 예
<h1> 예시 </h1>	<h1> 예시

4. 적당히 들여 쓰기

See the Pen Heading tags by 노현경 (@Dewlovely) on CodePen.

왼쪽 코드들 내용을 보면 들여쓰기가 적당히 되어 있으면

가독성도 좋아지기 때문이다.

5. 태그는 속성과 함께 사용 가능

< 태그 속성 = “속성 값” 속성 = “속성 값” .. >

ex) <img src=”images/first.jpg” width=”350” height=”290” alt=”이미지”>

빨간색이 속성 파란색이 속성 값

6. 포함 관계를 명확히 하기

<u><i>테스트입니다</i></u>

HTML 문서 기본 구조 살펴보기

See the Pen Heading tags by 노현경 (@Dewlovely) on CodePen.

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

이제부터 처리할 문서는 html 문서이고 어떤 유형을 사용했으니 그 버전에 맞는 방법으로 해석하라 라고 알려주는 것

<html> - 웹 문서를 시작을 알리는 태그

웹 문서의 시작과 끝을 나타내는 태그

<html lang = “ko”> html 태그에는 lang 이라는 속성을 사용해 문서에서 사용할 언어를 지정할 수 있다.

주요 국가별 언어 코드는 이와 같습니다.

코드	de	en	fr	ja	ko	zh
언어	독일어	영어	프랑스어	일본어	한국어	중국어

<head> - 브라우저에게 정보를 주는 태그

웹 브라우저 화면에는 보이지 않는 웹 브라우저가 알아야 할 정보들을 모두 <head> 부분에 입력한다.

<title> - 문서 제목

제목 표시줄에 표시되는 태그

<meta> - 문자 인코딩 및 문서 키워드, 요약 정보

화면에 글자를 표시하는 문자 인코딩 방법을 비롯해 웹 문서 키워드 등을 지정할 수 있음.

<body> - 실제 브라우저에 표시될 내용

웹문서에서 특수 문자 및 특수 기호 사용하기

https://www.w3schools.com/charsets/ref_html_entities_4.asp

HTML 4 Entities

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

이 링크는 특수 문자 관한 HTML 코드 적혀있는 거입니다.

아예 ㅁ 을 이용해서 사용해도 되지만 웹표준화에 문제가 될 수 있으니

코드를 이용하시는 걸 추천드립니다

엔티티 이름이나 엔티티 코드 뒤에 오는 세미콜론(;)은 꼭 붙여야 한다.

저작자표시

현재글① 웹 퍼블리셔가 되기 위한 첫걸음 - html/css로 홈페이지 만들기(HTML 기본 문서 구조)

추억으로 살아가는 ENFP 주인장의 생기발랄 일기장❤️

구월동, 넷플릭스, 메이플랜드, 노래추천, 발레, 브리에아트댄스컴퍼니, 발레일기, 무용학원, 브리에학원, 성인취미, 한국무용, 성인발레, 다이어트, 일상다반사, 카페추천, 구월동 카페, 일상, 투썸 아이스박스, 브리저튼, 코로나,

일	월	화	수	목	금	토
						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

Glory Blog