html语言基础理论知识

《html语言基础理论知识》由会员分享，可在线阅读，更多相关《html语言基础理论知识（25页珍藏版）》请在金锄头文库上搜索。

1、HTML 语言的基础理论知识语言的基础理论知识HTML简述：整个html是一个文档，他由成对和不成对的标签组成，标签里还有 相应的属性。打个比方：一个图书馆就相当于一个网站，图书馆里有很多图书组 成的，而网站是由很多的网页组成的，每个图书的基本单位是家庭，而每个网页 则是由元素构成的，家庭中有爸妈，就像文档中有成对的标签一样，爸妈 的下面有许多的孩子，就像标签下面也包含了许多的属性一样 图书馆图书章节内容 网站网页元素标签 HTML 框架：这是一个 NLP 网站举例()一、一、HTML 注释注释在 html 中注释的语法：，他不显示在页面中，在源代码中以注释标签的方式 出现，浏览器不予阅读，但

2、自己可以添加注释标签，以方便之后对代码的阅读和修改 例子：这里介绍 NLP 的相关内容二、二、HTML标签标签HTML为于文档的最前面，在的前面，主要作用是向浏览器说明该 HTML 文档使用的文档类型，是没有闭合标签的三、三、HTML 标题标题HTML 标题是用这六个成对的标签表示的， 显示的标题最 大，以此往下，显示出的标题最小 例子：中国中国四、四、HTML 元素元素HTML 元素是指从开始标签到结束标签中的所有代码，一个 html 文档中包含许多的元素， 比如:这是一个链接，请点击，此句“这是一个链接，请 点击”就是一个元素，这样的很多元素就组成了 html 文档，除此之外还有没有内容的

3、元素， 就是空的 HTML 元素，在 HTML 的标签中没有内容，称作空元素，空元素通常在开始标 签中加“/” ，就是关闭空元素的正确方法，如（换行） 、（水平线） ，在 HTML、 XML 中所有的元素都要关闭 例子：看完漂亮的图片后，可点击此图片，还有更大的惊喜等着你哦五、五、html 文本格式化文本格式化 Html 可以定义很多经过格式化输出的元素，比如加粗，斜体等（具体标签见 html 辅 资料1、2、3点） 例子：add WWW 在某些浏览器中， 当您把鼠标移至缩略词语上时， title 可用于展示表达的完整版本。 六、六、HTML 属性属性HTML 标签可以含有属性，属性为标签提供

4、了很多的信息，属性是由属性名和属性值 组成，属性是在开始标签中定义的，属性值要始终被英文下的双引号包围，如中国，这个元素中定义的属性意思就是“中国”这个标题的位置在页面 的右边显示 例子：这是头标题 这是中标题 这是尾标题七、七、HTML标签标签HTML 段落是用成对标签定义的，文字位于标签的中间，显示在页面中，用以 表示文字或是图片是否在同一个段落，用以分段的 例子：这是第一段 这是第二段 段落元素是由 P 标签定义八、八、HTML 标签标签HTML标签定义的是链接，他是通过成对标签 进行定义的，href 属性值是 链接的 URL（uniform resource lac） ，句型：显示出链

5、接的文字或是图片 例子：这是中国 NLP 培训网网站可以点击此图片，你将得到不一样的惊喜啊九、九、HTML 水平线水平线在 HTML 页面中的作用是插入水平线， 可实现内容的分隔， 不是成对出现的标签， 位于内容的最后 例子：看完漂亮的图片后，可点击此图片，还有更大的惊喜等着你哦十、十、HTML标签标签在网页中插入图片时图片的路径应该是一级跟着一级往下写（从头到尾 巴） ，如：(这种情况是图片就在某一个盘下，没有往下的文件夹)； (这种情况是图片在某一个盘下，并且其图片上面 还有很多相应的文件夹) 例子：这是一幅美丽的图片，请欣赏这是一幅美丽的图片，请欣赏十一、十一、HTML 标签中标签中 a

6、lt 属性：属性：Alt 属性是位于 img 中的一个属性，他的作用是当你想要显示的图片因为网速不好、路径不 对等多种原因无法显示你的图片时， 可显示该图片的名称， 以便读者可以知道自己看不到的 图片是什么 例子：这是一幅美丽的图片，请欣赏十二、十二、HTML 页面中添加背景图片：页面中添加背景图片：在 HTML 里添加背景图片时的语句跟插入图片的语句不一样，插入图片的语句是 ，而添加背景图片的语句是 例子：这是一幅美丽的图片背景，请欣赏十三、页面背景颜色十三、页面背景颜色； 【bgcolor 属性值可以是 RGB 值 rgb:(0,0,0)、十六进制数 #000000、颜色名 black】

7、例子：bkjdehfkdsh十四、十四、HTML 中文字和图片的排列方式中文字和图片的排列方式在 HTML 中文字位于图片的上方 在 HTML 中文字位于图片的中间 在 HTML 中文字位于图片的下方 Bottom 是默认的对齐方式，即是下方 例子： （效果见 HTML 学习中的 DIY）这是一幅漂亮的图片十五、十五、HTML 中图片浮动在段落的左边或是右边中图片浮动在段落的左边或是右边图片位于段落的右边 一段文字 图片位于段落的左边 一段文字 例子： （效果见 HTML 学习中的 DIY）这是一幅漂亮 的图片这是一幅漂亮的图片这是一幅漂亮的图片这是一幅漂亮的图片这是一幅漂亮的图片 这是一幅漂

8、亮的图片【还有文字可设置在图片的 top、middle、bottom 显示】十六、十六、HTML 链接的链接的 target 属性属性在HTML中链接语句中target属性作用是指打开的链接文档将在何处显示， 命名target 语法：NLP 培训，其中的文字或是图片是被作为超级链接来显示的，“_blank“的意思是链接的方向将是以新的窗口形式显示, 没有此属性的链接打开时显示在当前的浏览器的窗口， 有此属性的链接打开是以新的窗口出 现，之前的窗口仍然可以看见 例子：中国 NLP 培训网论坛 张翔张翔 NLP十七、十七、HTML 链接的链接的 name 属性（内容足够多才能现在在最上端）属性（内

9、容足够多才能现在在最上端）在 html 的链接中还有一个 name 属性，他的书写语法：文本 等，他的作用是命名了一个锚，锚的作用就是相当于一本书的书签，当一个网页有很多 内容的时候， 你想赶快寻找你想了解的内容时， 此时的锚就起到把你带到你想赶快知道的那 个地方去，锚的名称是由自己取的，根据自己的喜好，光有锚的名称是不行的，还要有链接 锚的链接才能真正实现锚的作用，这就是链接锚的链接语法：文本等 ，锚的链接在文档的上部定义 例子：创建指向本网页的锚所能看到空间 111 kkkkk ffffffffff 111 ffffffffff safdefdgfdgfdhgdfshgdfbdvgdrtg

10、er ffffffffff kkkkk ffffffffff十八、十八、HTML 的电子邮箱链接的电子邮箱链接在网页中创建电子邮箱的链接， 前提是机子有安装邮箱客户端程序软件才可以， 他的 语法跟链接的基本语法一样，不一样的地方是链接要填写的内容，其中用%20 表示空格 例子：此处是邮箱链接处：邮箱链接十九、十九、HTML 表格、边框、表头、空表格的相关属性表格、边框、表头、空表格的相关属性在 HTML 中，用这样的一对标签来定义表格，用来定义表格 的行，用来定义表格单元，表格的内容可以使文本、图片、表格、水平线、段落、 表单、列表；边框的大小仍然由 border 属性定义，在表格的开始标签中

11、定义；表格的表头 由一对标签定义；空的单元格如果没有内容显示，则单元格的边框不显示，为了 显示没有内容的单元格的边框，可在空的单元格里添加空格占位符“”此处的分号是 英文下的格式。 例子：名称 格式小小鸟小小鸟 1,21,2二十、二十、HTML 表格相连标签、属性表格相连标签、属性在 HTML 的表格中，还有很多有关表格的详细操作，比如跨行、跨列、表格的标题 等；1html 的表格中跨行和跨列的属性用 rowspan 和 colspan 定义，即是合并几行或是几 列显示一个信息（合并单元格） ，跨行和跨列的语法可以在标签里添加，也可以在 标签里添加，记得不能在标签里添加，标签里添加可实现居中，

12、如果想在也实 现的话，可输入 align 属性即可；同时跨行或是跨列可在很多单元格里实现操作，注意的是 如果想是跨行的操作，rowspan 属性要写在实现跨行的第一个标签里2在 html 的表格中 cellpadding 属性意思是：表格的边框与内容的距离，即是文字离 边框的边距，文字所占据的大小没变，变的是表格大小；cellspacing 属性意思的是：单元格 与单元格之间的间距3在 html 的表格中还有表格的标题标签，这样的一对标签即是， 位于开始标签的下面4在 html 的表格中 frame 属性的意思是如何显示边框，属性值有：box（显示所有的 边框） 、above(显示上边框)、b

13、elow(显示下边框)、hsides(显示上下边框)、vsides(显示左右边 框) 例子：表格的标题123456 123456 287980123456 987 287980123456 555h354324654二十一、二十一、HTML标签标签在 HTML 表格中，有一个标签的作用是实现整列整列单元格的各种格式的变化， 不需要对一个一个单元格进行操作了， 这个标签就是,这个标签只有在 table 元素中使用，其中 span 是定义跨多少列的属性 例子：ISBN Title Pricedsfd rewewgv we4324dsfd rewewgv we4324二十二、二十二、HTML 有序列

14、表、无序列表有序列表、无序列表HTML 列表是一些项目的列表，这些项目的列表可以是有序的，也可以是无序的， 因此有序的项目列表用成对标签定义，项目的前面是数字进行标记，无序的项目 列表用定义，项目用的是小黑点标记，其中的项目用进行定义，同时项目 不仅可以使文本，也可以是段落、图片、换行符、链接、列表等等 例子 1（有序列表） ：咖啡 巧克力 面包例子 2（无序列表） ：咖啡 巧克力 面包二十三、二十三、HTML 自定义列表自定义列表HTML 列表中还有可以自己定义的列表，一对标签就是定义自定义列表 的标签，标签定义的是列表中的列项，标签是描述列表中的列项，而定义列表项的 内容形式也可以是很多类

15、型的 例子：一个自定义的列表：咖啡 好喝的 牛奶 不好喝二十四、二十四、HTML 不同类型的无序列表符号不同类型的无序列表符号属性值 disc 定义的无序列表符号是圆；属性值 circle 定义的无序列表符号是圆圈； 属性值 square 定义的无序列表符号是方块 例子：一个项目符号是圆的列表： 4356745574 一个项目符号是圆圈的列表： 4245784245 一个项目符号是方块的列表： 7857245245二十五、二十五、HTML 不同类型的有序列表符号不同类型的有序列表符号属性值 A 定义是大写字母项目符号；属性值 a 定义的是小写字母项目符号；属性 值 I 定义的是罗马字母项目符号

16、； 属性值 i 定义的是小写罗马字母项目符号(在列表中可以实 现项目符号不一样，但顺序是递增的) 例子：一个项目符号是数字的有序列表：4356745574 一个项目符号是字母的有序列表： 4245784245 一个项目符号是小写字母的有序列表： 7857 245245 一个项目符号是罗马字母的有序列表： 7857245245 一个项目符号是小写罗马字母的有序列表： 7857245245二十六、二十六、HTML 嵌套列表嵌套列表例子：一个嵌套列表：咖啡 茶红茶绿茶中国绿茶非洲绿茶 牛奶二十七、表单的各种类型二十七、表单的各种类型在 HTML 中用表单标签定义各种表单，语法为： 【显示内容 】 ，inptut 属性是表单属性中常用的属性，type 定义了输入 的类型，输入类型有：1文本域（text fields,输入可以有文本、数字等）2单选按钮（radio buttons）3复选框（checkboxes）4下拉列表框(每个 选项的名称)5文本域（textarea，可以输入多行的文本）6创建按钮7为表单创建一个带有标题的框框 例