课时(一)HTML简介和结构

时间:2022-10-29 10:33:39

什么是HTML

  1. HTML 指的是超文本标记语言(Hyper Text Markup Language)
  2. HTML 不是一种编程语言,而是一种标记语言(Markup Language)
  3. 标记语言是一套标记标签(markup tag)
  4. HTML 使用标记标签来描述网页

HTML基本格式

课时(一)HTML简介和结构

1.第一行 <!doctype html>
文档引用的规范,HTML5因为是“妥协式”的规范,所以不需要引用严格意义上的DTD(文档类型定义)规范
2.第二行 <html>标签:
是html文档的根元素标签,成对出现<html>...</html>,分别代表html文档的开始和结束
3.第三行 <head>标签:
是html文档的头部标签,也是成对出现<head>...</head>,头部标签包含许多子元素标签:

课时(一)HTML简介和结构

<title>标签(可省略):展示该网页的关键词,也就是网页标题

课时(一)HTML简介和结构

<meta>标签(可省略):用于定义页面元信息,也就是一些键值对,主要有以下三个属性:

1).http-equiv:

指定元信息的名称,该属性指定的名称具有特殊意义,它可以向浏览器传回一些有用的信息,帮助浏览器正确的处理网页的内容。例如:描述文档类型和字符编码:
<meta http-equiv="Content-Type" content="text/html;charset=utf8"/>
<meta>标签元信息的名称是Content-Type,对应的值是“text/html,charest=utf8”,意思是设置该页面的类型为text/html,所用字符编码为utf8,即告诉浏览器以utf8的方式来解析该html文档 (更多字符编码内容可以自行百度,例如:base64,ascii,gb2312(简体中文))

2).name:

指定元信息的名称,该名称值可以随意指定。例如:描述搜索关键字和描述信息:
<meta name="keywords" content="萌萌哒"/>
搜索引擎通过keywords的内容来搜索网页,比如本例中的“萌萌哒”,一般关键词不超过五个
<meta name="description" content="暂时不可爱三秒钟"/>
description根据title标签中的关键词来拓展描述,并且某个关键词都要完整出现一次,而且不要超过一百个字

3).content:指定元信息的值
4.第九行 <body>标签:
是html主题部分标签,成对出现,网页中基本上所有内容都放在<body>标签中表示

附上第一个html文档的源代码:

课时(一)HTML简介和结构