> 웹 프론트엔드 > HTML 튜토리얼 > HTML의 기본 구조는 무엇입니까?

HTML의 기본 구조는 무엇입니까?

php中世界最好的语言
풀어 주다: 2018-01-22 10:48:25
원래의
2751명이 탐색했습니다.

이번에는 HTML의 기본 구조가 무엇인지, HTML의 기본 구조를 설계할 때 주의사항은 무엇인지 알려드리겠습니다. 실제 사례를 살펴보겠습니다.

HTML 소개

HyperText 마크업 언어: 하이퍼텍스트 마크업 언어

HyperText: 하이퍼텍스트(텍스트 + 이미지 + 비디오 + 오디오 + 링크)

마크업 언어: 마크업 언어

웹사이트의 세 가지 주요 요소

그림 , Hyperlinks, Text

HTML

<html>  
    <head>  
        <title>Document</title>  
    </head>  
    <body>  
        I am mossbaoo !   
    </body>  
</html>
로그인 후 복사

표준 웹페이지의 HTML 태그

1.HTML 문서선언:

2페이지 제목: <제목>~ < ;/title>

3. 페이지 인코딩:

utf-8은 다중 언어 인코딩입니다(권장).

gb2312는 중국어 간체 인코딩입니다


4 . 페이지 키워드:

페이지 주요 콘텐츠:

참고: 메타 태그는 HTML 언어의 보조 태그로, 일반적으로 HTML 문서의 헤드에 위치합니다.

HTML 문서의 초기 구조 생성

1. HTML5의 표준 구조: html:5+Tab 키 또는 !+Tab 키

생성된 결과는 다음과 같습니다

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>Document</title>  
</head>  
<body>  
       
</body>  
</html>
로그인 후 복사

2. html:xt+Tab key

생성된 결과는 다음과 같습니다

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">  
<head>  
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  
    <title>Document</title>  
</head>  
<body>  
       
</body>  
</html>
로그인 후 복사

HTML 태그 참고 사항:

HTML 요소는 시작 태그와 종료 태그로 구성됩니다.

• 여는 태그와 닫는 태그에 있는 텍스트는 요소의 콘텐츠입니다.

• HTML 태그에는 시작과 끝이 있어야 합니다. 내용이 없는 태그(빈 태그)인 경우 />를 사용하세요.

• 태그 이름은 대소문자를 구분하지 않지만 XHTML에서는 태그 이름이 소문자여야 합니다.

• 태그에는 태그의 성격과 특성을 나타내는 데 사용되는 속성이 있습니다. 속성은 여는 태그에 지정됩니다.

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

관련 자료:

HTML 텍스트 서식의 자세한 예

HTML에서 자주 사용되는 태그 요약

HTML 편집 기본 사항(초보 사용자가 꼭 읽어야 할 내용)

위 내용은 HTML의 기본 구조는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿