>  기사  >  웹 프론트엔드  >  HTML 문서의 기본 형식에 대한 자세한 소개

HTML 문서의 기본 형식에 대한 자세한 소개

黄舟
黄舟원래의
2017-04-24 10:12:433233검색

1. HTML 문서의 기본 형식:

<!DOCTYPE html>  //文档类型声明
<html lang=&#39;zh-cn&#39;>                  //表示HTML文档开始
<head>              //包含文档元数据开始
<meta charset=&#39;utf8&#39;>           //声明字符编码
<title>基本</title>     //设置文档标题
</head>     //包含文档元数据结束
<body>     //表示HTML文档内容
</body>     //表示HTML
<a href="http://wwww.baidu.com">百度</a>
</html>      //表示HTML文档结束

2. 문서 구조 분석:

1. Doctype

Document Type 선언이라고도 함) , 이는 주로 보고 있는 문서의 유형을 브라우저에 알려줍니다.

<!DOCTYPE html>  不区分大小写

2. HTML 요소

먼저 요소는 태그를 의미하고, html 요소는 html 태그를 의미합니다. html 요소는 문서의 시작과 끝 부분에 있는 요소입니다. 시작과 끝을 반향하는 이중 태그입니다. html 요소에는

lang='zh-cn'이라는 속성과 값이 있습니다. 이는 문서 언어가 중국어 간체

<html>   如果为英文则,lang="en"
3. 헤드 요소

는 메타데이터 콘텐츠를 포함하는 데 사용됩니다. 메타데이터에는 , , , <script>, <style>, <title>이 포함됩니다. . 이러한 콘텐츠는 브라우저에서 CSS 정보를 제공하는 링크 등의 정보를 제공하는 데 사용됩니다. 스크립트는 JavaScript 정보를 제공하고 제목은 페이지 제목을 제공합니다. <p><br/><pre class="brush:html;toolbar:false;">&lt;head&gt;...&lt;/head&gt; //这些信息在页面不可见</pre>4. 메타 요소 <p><br/>이 요소는 문서에 대한 정보를 제공하는 데 사용됩니다. 실제로 구조에는 charset='utf8' 속성이 있습니다. 페이지에서 사용하는 인코딩을 브라우저에 알려줍니다. 일반적인 상황에서는 utf8을 사용합니다. 물론 파일도 utf8로 저장되며, 브라우저도 중국어를 올바르게 표시하도록 utf8을 설정합니다. <p><pre class="brush:html;toolbar:false">&lt;meta charset=&amp;#39;utf-8&amp;#39;&gt;</pre>5. 제목 요소 <p>이름에서 알 수 있듯이 제목을 브라우저의 왼쪽 상단에 설정합니다. <p><pre class="brush:html;toolbar:false">&lt;title&gt;标题&lt;/title&gt;</pre>6. <p>은 브라우저의 가시 영역인 문서의 내용을 포함하는 요소에 사용됩니다. 표시되는 모든 콘텐츠를 여기에 추가해야 합니다. <p><pre class="brush:html;toolbar:false">&lt;body&gt;...&lt;/body&gt;</pre>7. a 요소 <p>는 하이퍼링크이며 이에 대해서는 나중에 자세히 설명합니다. <p><pre class="brush:html;toolbar:false">&lt;a href=&amp;#39;http://www.baidu.com&amp;#39;&gt;百度&lt;/a&gt;</pre>3. 요소 태그에 대한 논의: <p><br/>HTML은 마크업 언어입니다. 지금까지 구조에 대해 자세히 논의했습니다. 또는 라벨은 어떻게 형성됩니까? <p>1. 요소 <p> 요소는 브라우저에 일부 콘텐츠를 처리하는 방법을 알려주는 태그 집합입니다. 각 요소에는 6c04bd5ca3fcae76e30b72ad730ca86d, b2386ffb911b14667cb8f0f91ea547a7, e8e496c15ba93d81f6ea4fe5f55a2244와 같은 키워드가 있습니다. 서로 다른 라벨 이름은 서로 다른 의미를 나타냅니다. 나중에는 단락 태그, 텍스트 태그, 링크 태그, 이미지 태그 등이 포함될 것입니다. <p> 요소 <p>는 일반적으로 단일 레이블(빈 요소)과 이중 레이블의 두 가지 유형으로 구분됩니다. 그러나 태그는 일반적으로 요소를 선언하거나 삽입하는 데 사용됩니다. 예를 들어, 문자 인코딩을 선언하려면 <meta>를 사용하고, 그림을 삽입하려면 일반적으로 이중 태그를 사용하여 영역을 포함합니다. 예를 들어 단락: <p><pre class="brush:html;toolbar:false">&lt;p&gt;...&lt;/p&gt;</pre>2. 속성 및 값 ​​<p><br/> 홀수 및 짝수 요소 외에도 요소의 내용에 따라 속성 및 값을 설정할 수도 있습니다. 이러한 속성 값은 요소 동작의 일부 측면을 변경하는 데 사용됩니다. 예를 들어 3499910bf9dac5ae3c52d5ede7383485의 hyperlink: href 속성입니다. 내부의 URL을 교체하여 다른 웹사이트에 연결할 수 있습니다. 물론 하나의 요소에 여러 속성을 설정하거나 속성을 맞춤 설정할 수도 있습니다. <p></script>

위 내용은 HTML 문서의 기본 형식에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.