HTML简介HTML是指超文本标记语言，一种用来描述网页的语言（HyperTextMarkupLanguage）HTML不是一种编程语言，而是一种标记语言标记语言是一组标记标签（我们学习HTML的主要内容是HTML标签）HTML的作用是一个网页是由网页元素组成的（网页元素是页面中的图片、文字链接等），这些元素是用HTML标签来描述的，然后由浏览器解析,可以显示给用户）HTML基础模板1.双标签之间的关系分为两种：（1）一种是嵌套关系（也称父子关系）（head是parent，title是孩子）（2）另一个是平行关系（他们是上下关系，也叫兄弟关系）提示：如果两个标签之间的关系是嵌套关系。最好按tab键的大小缩进子元素。如果是平行关系，最好上下对齐。(爷爷)(爸爸|大儿子)(儿子|孙子)(爸爸|二儿子)课堂练习：~~~~请问下面哪些标签关系是错误的1.2.

（位置：必须写在代码的第一行，其他地方不能写doc是文档类型，文档类型列为你是什么手机using,我用的是Apple11Apple11是机型DOCTYP是机型！为什么DOCTYPEhtml5的版本号不是5！DOCTYPEhtml是版本5)(langelanguageenenglish英文指定htmllanguagetype是最常见的两种是en英文和zh-CN中文，考虑到浏览器和操作系统的兼容性，还是用zh-CN，中文一般是中文或者英文)(比如我们写的页面要让老外给你看，老外看不懂中文怎么办？这涉及到存储问题，我们用的是我们的肉（Mante）charset和ChaSante（全拼）characterset)cha是characterrest是一个叫做字符集的集合，什么是字符集就是多个字符的集合。计算机要准确处理各种字符集文字，还要能根据中文进行识别，这样计算机才能识别和存储各种文字）utf-8是目前最常用的字符集编码方式。常用的字符集编码方式有gbk和GB23121.GB2312简体中文，包括6763个汉字（gguobbiao表示国标国标）https://baike.baidu.com/item/...2.BIG5繁体港澳台地区使用的中文3.GBK包含所有汉字是GB2312在繁体字基础上的扩展支持兼容GB2312（如果港澳朋友打开我们的页面看到GBK，会按照GBK显示我们的文字转成GBK编码，然后正常显示，还有一个问题，奥巴马在奥巴马的电脑上看到我们的网站，如果没有GBK，那我们就想想有没有一种方法是能够存储各种语言，那就是我们的utf-8。4.UTF-8基本收录了世界各国需要使用的语言（我们的网站世界各地都能看懂）温馨提示必须加。如果不加，其他国家解析的文本会是乱码的HTML标签。首先，HTML和CSS是两种完全不同的语言。我们学习的是结构。就是写HTML标签（HTML标签有很多，这里介绍几个常用的）1.排版标签排版标签主要是配合CSS来显示网页的结构，是网页最常用的标签页面布局。排版标签分为（1）标题标签h（内存）（不要把这两个搞混了）headhead。titletitle文档标题（加图片说明head在哪里，h在哪里title）为了更语义化地使用网页，我们经常在页面中使用title标签。HTML提供六级标题。基本语法结构如下：

TitleText

TitleText

TitleText

TitleText

TitleText

TitleText

效果如下：总结：带有标题的文字会变成粗体，字体也会变大一次。一行只能放一个标题（放两个无效否则会自动换行，影响美观）（2）段落标签p（记忆）缩写词：paragraphparagraph（不用记住这个词，仅供大家理解）功能语义：1.HTML文档可以分成几个段落2.网页中要有序的显示文字，段落标签是离不开的，就像我们平时写文章一样，整个网页页面也可以分成若干个段落，段落的标签是

文本内容

p是HTML文档中最常见的标签，默认情况下，段落中的文字会根据大小自动换行浏览器窗口的(3)水平线标记hr(Knowledge)单词缩写：horizo??ntalhorizo??ntalline在网页中，经常会看到一些水平线将段落与段落分开，使文档结构清晰、条理分明。这些横线可以通过插入图片来实现，也可以简单地通过标签来实现。

---

只是就是创建一个横跨网页水平线的标签。基本语法格式如下：

---

是单标签+原理图(4)换行标签br（背诵）单词缩写：breakbreak。linebreak在HTML中，一段中的文本会从左到右排列，直到浏览器窗口的右端，然后自动换行。如果要让某段文字换行显示，需要使用换行标签
温馨提示：如果在word中直接回车键换行不起作用+图（5）div和span标签（重点）1.divspan没有意义，是我们网页布局的主要两个框2.div是divsion的缩写，分区的意思现在我们每个页面必不可少的是div3.spanspan,span;range

Thisisthehead

Thisisthecontent4、这两个都是boxesfor用来安装我们的网页元素，但是不一样。现在我将告诉你如何使用它们以及它们的特点（div是上下写的）（1）。div标签用于布局，但现在一行只能放一个div（如果放多个影响视觉不美观，但浏览器还是会分开的）(2).span标签用于布局，多个跨度排版标签可以放在一行上。总结：标签名称定义title标签用作标题，并根据重要性递减

段落标签可以将HTML和文档分成几个段落

的div标签用于布局，但现在一行只能作为一个divspan标签用于布局，一行可以放多个标签2.图片标签单词缩写：image图片上网要在页面上显示图像，您需要使用图像标签。下面详细介绍图片标签一级属性的语法如下：imgsrc="imageURL"/>（单标签）。图片文件的路径和文件名，是img标签的必填属性。首先介绍一下相关属性：标签属性attribute属性值描述srcURL图片路径alttext图片无法显示时的替换文字title鼠标悬停在内容宽度像素上时的文字（XHTML不支持%pagepercentage)settheimagewidthheightpixels(XHTMLdoesnotsupport%pagepercentage)settheimageheightbordersetthewidthoftheimageborderbynumber注意：border是在css中所以我们这里简单的解释一下各个属性注意:1.一个标签可以有多个属性，必须写在起始标签中，位于标签后面2.属性之间，标签名与属性，属性与属性之间没有先后顺序。以空格分隔3.取键值对key="value"的格式（即属性等于值如：width="100"）下面是习题1.请说出图片的哪个属性必须写标签？（src只要有img就必须有src）2、请问image标签中alt和title属性的区别？（alt用悬停时显示的内容代替文字标题）3.链接标签词缩写：anchor的缩写，基本解释了anchor和ironanchor。在HTML中创建超链接非常简单，只需要标签包含文本语法格式：textorimage属性为使用href指定链接目标的url地址，（必填属性，不能省略）当href属性应用于标签时，具有超链接的作用。target用于指定链接页面的打开方式，其值为_self和_blank，其中_self为默认值，_blank为新窗口打开方式。注：1、外链需添加http://www.51vv.com。2、对于内部链接，直接链接到内部页面的名称即可例如主页3、如果当时没有确定链接目标，通常将链接标签的href属性值定义为“#”(即href="#")，表示该链接暂时为空链接4.不仅可以创建文本超链接，还可以为各种网页元素添加超链接，如图片、表格、音频、视频等。先说target：用来指定链接页面的打开方式，它的值有两种类型：_self和_blank，其中_self为默认值（当前窗口），_blank为打开方式在新窗口中打开