html基础知识学习总结

html基础知识学习总结
html基础知识学习总结

目录

1.HTML元素

2.基本HTML标签

3.HTML属性

4.文本格式化

5.字符实体(特殊字符)

6.HTML链接

7.框架

8.表格

9.HTML列表

10.HTML表单和输入

11.HTML图片

12.HTML 背景

13.HTML颜色

HTML基本知识总结

一:HTML 元素

HTML 文档是由HTML 元素构成的文本文件。

HTML 元素是通过使用HTML 标签进行定义的。

HTML 标签

1.HTML 标签是用来标记HTML 元素的。

2.HTML 标签被< 和> 符号包围。

3.这些包围的符号叫作尖括号。

4.HTML 标签是成对出现的。例如

5.位于起始标签和终止标签之间的文本是元素的内容。

6.HTML 标签对大小写不敏感, 的作用的相同的

页面的标题

这是我的第一个页面。

此文本是粗体的。

这就是一个HTML 元素:

此文本是粗体的。

这个HTML 元素由起始标签 开始。

这个元素的内容是:“此文本是粗体的。”。

这个HTML 元素由终止标签 结尾。

标签的作用是定义一个显示为粗体的HTML 元素。

这也是一个HTML 元素:

这是我的第一个页面。

此文本是粗体的。

这个HTML 元素开始于 标签,结束于 标签。

标签的作用是定义HTML 文件中的容纳body 的HTML 元素。

二:基本HTML标签

1.标题

标题使用

标签进行定义。

定义最大的标题。

定义最小的标题。

标题一

标题二

*HTML 会自动在标题前后添加一个额外的折行。

2.段落

段落使用

标签进行定义。

This is a paragraph

* HTML 会自动在段落前后添加一个额外的空行。

3. 换行符

This
is a para
graph with line breaks


标签是空白标签,由于关闭标签没有任何意义,因此它没有类似
的终止标签。

4. HTML 注释

格式:

使用空的段落标记

去插入一个空行是个坏习惯。用
标签代替它!(但是不要用
标签去创建列表。不要着急,您将在稍后的篇幅学习到HTML 列表。)

您也许已经注意到了,在没有结束标签

的情况下,

标签依然可以正常工作。不过不要这样做!下一个版本的HTML 将不允许忽略任何的结束标签。

HTML 会自动地在某些元素前后添加一个额外的空行,比如段落、标题元素前后。

使用水平线(


标签) 来分隔文章中的小节是一个办法(但并不是唯一的办法)。

三.HTML属性

作用:属性为HTML 元素提供附加信息。

1. HTML 标签的属性

属性总是以名称/值对(类似于java中的键值对)的形式出现,比如:name="value"

*属性总是在HTML 元素的开始标签中规定。

例:(红字部分为属性)

定义标题的开始。

拥有关于对齐方式的附加信息

2. 使用小写属性

属性和属性值对大小写不敏感。不过,万维网联盟在其HTML 4 推荐标准中推荐小写的属性/属性值,而XHTML 要求使用小写属性/属性值。

3. 始终为属性值加引号

属性值应该始终被包括在引号内。

双引号是最常用的,不过使用单引号也没有问题。在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:

name='John "ShotGun" Nelson'

四:文本格式化

五:字符实体

字符实体

一些字符在HTML 中拥有特殊的含义,比如小于号(<) 用于定义HTML 标签的开始。

如果我们希望浏览器正确地显示这些字符,我们必须在HTML 源码中插入字符实体。

字符实体有三部分:一个和号(&),一个实体名称,或者# 和一个实体编号,以及一个分号(;)。

要在HTML 文档中显示小于号,我们需要这样写:< 或者<

注意:实体对大小写敏感。

六:HTML链接

关键标签:

1.锚标签和Href 属性

HTML 使用 (锚)标签来创建连接另一个文档的链接。

锚可以指向网络上的任何资源:一张HTML 页面,一幅图像,一个声音或视频文件等等。

创建锚的语法:

Text to be displayed

用来创建锚(锚的开始)。href 属性用于定位(注意格式)需要链接的文档,锚的开始标签和结束标签之间的文字被作为超级链接来显示。

下面这个锚定义了指向w3school 的链接:

Visit W3School!

上面的这行在浏览器中显示为这样:Visit W3School!

2. Target 属性

使用Target 属性,你可以定义被链接的文档在何处显示。

下面的这行会在新窗口打开文档:

Visit W3School!

3. 锚标签和Name 属性

Name 属性用于创建被命名的锚(named anchors)。当使用命名锚(named anchors)时,我们可以创建直接跳至页面中某个节的链接,这样使用者就无需不停的滚动页面来寻找他们需要的信息。

以下是命名锚的语法:

Text to be displayed

name 属性用于创建命名锚。锚的名称可以是任何你喜欢的名字。

下面这行定义了命名锚:

Useful Tips Section

你会注意到,命名锚会以特殊的方式来显示。

将# 符号和锚名称添加到URL 的末端,就可以直接链接到tips 这个节,就像这样:

Jump to the Useful Tips Section

*跳转当前页面的部分关键符号#

详解见文件”标签列表01.html”

创建没有下划线的链接:关键字text-decoration:none

这是一个链接!

七:框架

关键字:frame

简介:通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。

使用框架的坏处:

开发人员必须同时跟踪更多的HTML文档

很难打印整张页面

框架结构标签()

框架结构标签()定义如何将窗口分割为框架

每个frameset 定义了一系列行或列

rows/columns 的值规定了每行或每列占据屏幕的面积

框架标签(Frame)

Frame 标签定义了放置在每个框架中的HTML 文档。

例:(注意格式)

基本的注意事项:

假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在 标签中加入:(属性)noresize="noresize"。

为不支持框架的浏览器添加 标签。</p><p>例:</p><p><html></p><p><frameset cols="25%,50%,25%"></p><p><frame src="../example/html/frame_a.html"></p><p><frame src="../example/html/frame_b.html"></p><p><frame src="../example/html/frame_c.html"></p><p><noframes></p><p><body>您的浏览器无法处理框架!</body></p><p>

例:现金收银(文件:老师文件简单银行界面中的menu.html文件)

八:表格

1.简介: 表格由

标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由, 和

像上述没有指名时一般默认使用其

表格的表头

表格的表头使用

(纯色)

(图片)

单元格中内容排列问题:

标签定义)。字母td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

2.格式:

基本:

标签进行定义。

表格中的空单元格

在大多数浏览器中,没有内容的表格单元显示得不太好。

注意:这个空的单元格的边框没有被显示出来。(不过Firefox(火狐浏览器) 可以将整个边框显示出来。)为了避免这种情况,在空单元格中添加一个空格占位符,就可以将边框显示出来。

常用属性:

跨行:rowspan=”n” n表示要跨行的具体数值

跨列:colspan=”n” n表示要跨行的具体数值

单元格边距:cellpadding表示单元格内容与其边框之间的距离。

单元格间距:cellspacing表示单元格之间的距离。

bgColor:表示给单元格添加颜色(背景颜色) 注意:这里背景颜色为bgColor

background:单元格背景,可以是纯色,也可是图片

例:

FirstSecond

//在第一行中

//消费项目这一列左对齐

//这一列右对齐

//这一列右对齐(这三列前提是在第一行中)

消费项目....一月二月
衣服$241.10$50.20
化妆品$30.00$44.45
食物$730.40$650.00
总计$1001.50$744.65

关键字:align(对齐用)

九:HTML列表

1. 无序列表

无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表始于

    标签。

    每个列表项始于

  • 例:

    • Coffee
    • Milk

    2.有序列表

    有序列表也是一列项目,列表项目使用数字进行标记。

    有序列表始于

      标签。

      每个列表项始于

    1. 标签。

      例:

      1. Coffee
      2. Milk

      3.定义列表

      自定义列表不仅仅是一列项目,而是项目及其注释的组合。

      自定义列表以

      标签开始。

      每个自定义列表项以

      开始。

      每个自定义列表项的定义以

      开始。

      例:

      Coffee

      Black hot drink

      Milk

      White cold drink

      显示结果:

      Coffee

      Black hot drink

      Milk

      White cold drink

      不同类型的无序列表:(关键字:type指定类型)

      常见类型:

      disc:实心圆

      circle:空心圆

      squre:实心正方形

      Disc 项目符号列表:

      • 苹果
      • 香蕉
      • 柠檬
      • 桔子

      Circle 项目符号列表:

      • 苹果
      • 香蕉
      • 柠檬
      • 桔子

      Square 项目符号列表:

      • 苹果
      • 香蕉
      • 柠檬
      • 桔子

      不同类型的有序列表:同上

      指定不同类型的type

      默认:数字序号

      A:大写字母序号

      a:小写字母序号

      I:大写罗马数字序号(I,II,III,IV,V,VI,VII) I:小写罗马数字序号

      嵌套列表:

        • 红茶
        • 绿茶

      十:HTML表单和输入

      1.表单

      表单是一个包含表单元素的区域。

      表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。

      表单使用表单标签(

      )定义。

      2. 文本域(Text Fields)

      当用户要在表单中键入字母、数字等内容时,就会用到文本域。

      First name:


      Last name:

      3. 单选按钮(Radio Buttons)

      当用户从若干给定的的选择中选取其一时,就会用到单选框。

      Male

      Female

      4. 复选框(Checkboxes)

      当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。

      I have a bike

      I have a car

      *5. 表单的动作属性(Action)和确认按钮

      当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

      Username:

      假如您在上面的文本框内键入几个字母,并且点击确认按钮,那么输入数据会被传送到名为 "html_form_action.asp" 的页面。那一页将显示出输入的结果。

      6.下拉列表


      分组下拉列表:

      分组下拉列表:



      7.按钮




      *此处的图片也可以当作提交按钮


      十一:HTML图片

      1.图像标签()和源属性(Src)

      在HTML 中,图像由 标签定义。

      是空标签,意思是说,它只包含属性,并且没有闭合标签。

      要在页面上显示图像,你需要使用源属性(src)。src 指"source"。源属性的值是图像的URL 地址。

      定义图像的语法是:

      URL 指存储图像的位置。如果名为"boat.gif" 的图像位于https://www.360docs.net/doc/d92384677.html, 的images 目录中,那么其URL 为https://www.360docs.net/doc/d92384677.html,/images/boat.gif。

      浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间,那么浏览器会首先显示第一个段落,然后显示图片,最后显示第二段。

      2. 替换文本属性(Alt)

      alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。Big Boat

      在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。

      基本的注意事项:

      假如某个HTML 文件包含十个图像,那么为了正确显示这个页面,需要加载11 个文件。加载图片是需要时间的,所以我们的建议是:慎用图片。

      3.实例:

      1.调整图片大小

      2.制作图像链接

      您也可以把图像作为链接来使用:

      3.创建图像映射(图像地图)

      创建带有可供点击区域的图像地图。其中的每个区域都是一个超链接。

      请点击图像上的星球,把它们放大。

      Planets

      href ="../example/html/venus.html" target ="_blank" alt="Venus" />//定位

      Mercury

      target ="_blank" alt="Sun" />

      注释:img 元素中的"usemap" 属性引用map 元素中的"id" 或"name" 属性(根据浏览器),所以我们同时向map 元素添加了"id" 和"name" 属性。

      4.将图像转为图像映射(图像地图)

      请把鼠标移动到图像上,看一下状态栏的坐标如何变化。

      十二:HTML 背景

      1. 背景(Backgrounds)

      拥有两个配置背景的标签。背景可以使颜色或者图像。

      背景颜色(Bgcolor)

      背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。

      以上的代码均将背景颜色设置为黑色。

      2.背景(Background)

      背景属性将背景设置为图像。属性值为图像的URL。如果图像尺寸小于浏览器窗口,那么图像将在整个浏览器窗口进行复制。

      *URL可以是相对地址,如第一行代码。也可以使绝对地址,如第二行代码。

      提示:

      如果你打算使用背景图片,你需要紧记一下几点:

      背景图像是否增加了页面的加载时间。小贴士:图像文件不应超过10k。

      背景图像是否与页面中的其他图象搭配良好。

      背景图像是否与页面中的文字颜色搭配良好。

      图像在页面中平铺后,看上去还可

      对文字的注意力被背景图像喧宾夺主

      十三:HTML颜色

      1. 颜色值

      颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。

      每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。

      例:#ffff55

      2.颜色名

      大多数的浏览器都支持颜色名集合。

      提示:仅仅有16 种颜色名被W3C 的HTML4.0 标准所支持。

      它们是:aqua,black, blue,fuchsia, gray, green,lime,maroon, navy, olive, purple, red,silver, teal, white, yellow。

      具体参照文档W3school

      HTML知识点总结

      HTML知识点总结 第一章知识总结 1.HTML文档结构(括号里面的是注释) (头部部分) (可写可不写) 显示在浏览器标题栏中的标题 (主体部分) (页面容) 1)标签中的属性有: bgcolor=颜色(背景颜色)background=图片的绝对路径或相对路径(背景图片) 2.标题标签 n取1~6(设置文字标题): 1)

      一级标题

      2)

      二级标题

      3)

      三级标题

      4)

      四级标题

      5)
      五级标题
      6)
      六级标题
      3.标签(设置文字属性) 要设置的文字 4.特殊符号 5.行的控制相关标签 段落标签

      (段落的对其方式) 换行标签
      6.图片标签

       图片的提示文字 (align是用于调整图片相对于周围文本的对其方式) 7.文字布局 1)水平线


      2)有序列表的语法
        (序号类型有:1、a、A、ⅰ、I)
      1. 填写信息
      2. (必须用
      3. 将容包括起来)
      4. 填写信息
      5. 填写信息
      6. ……
      3)无序列表语法
        (序号类型有:disc(默认值,实心圆点)、circle(空心圆环)、square(空心正方形))
      • 所写容
      • (必须用
      • 将容包括起来)
      4)预格式文本语法

      HTML知识点汇总

      HTML知识点汇总 第一章HTML基础知识 1、HTML简介 HTML(Hypertext Markup Language),超文本标记语言,HTML利用各种标记来标识文档的结构以及标识超链接的信息。它是从SGML(Standard Generalized Markup Language,标准通用标识语言)中的一个子集演变而来的。 2、HTML的标记组成 HTML用于描述功能的符号称为“标记”。标记在使用时必须用尖括号“<>”括起来,而且是成对出现的,无斜杠的标记表示该标记的作用开始,有斜杠的标记表示该标记的作用结束。如、 等 1)单标记:有些标记能完整的表达标记里的意思,只须在尖括号中输入标记名即可,这类标记叫 单标记。XHTML中要求单标记也必须闭合,即在标记“>”前添加斜杠。常见的单标记如


      等。 2)双标记:双标记有头有尾,且前面的标记与后面的标记保持一致,但在后面的标记前有斜线, 语法形如:<标记>内容。例如:段落 3)XHTML要求所有标记均为小写,且所有标记属性必须添加双引号 4)标记对不能交叉 3、HTML基本结构 网页标题 1)标记对不能放在<body>标记对中,同理,其它表示内容的标记也不能放在<head>标记对 中 2)<html></html>表示HTML语言,在<html></html>里面包含头部(<head></head>)和内容体 (<body></body>)。 1页</p><h2>H5基础知识HTML5学习技巧</h2><p>H5基础知识HTML5学习技巧 初来兄弟连HTML5培训,就见到班主任,授课老师,以及这个大家庭中的所有成员。老师很热情,大家的学习动力也很足,整体学习氛围特别好。自己作为其中的一员,也希望通过这几个月的学习能找到一份理想的工作。通过一周的试听,以及后续两周的接触与了解,可以感受到这里的教学很不一般,每位老师都是大牛级别,对我们的学习起到了很大的帮助。 但由于自己知识匮乏,所以意识到还有很多东西要学,在接下来十几周的时间里,应当多虚心请教老师、同学,争取毕业时成为一名合格的学员,斩获高薪。在接下来几个月的学习中我将努力做到以下几点。 1.多注重概念、基础知识的学习 在学习过程中发现,其实自己的基本功并不扎实,尽管理论知识都明白,但把编程灵活运用确实还需要多加练习。庆幸的是,老师布置的课堂作业能有效地让我把之前的知识与实际操作融合贯穿起来,从而得到系统透彻的了解。 2.多动脑思考、实践 每天都有很多新内容,在学习了解之后,更重要的是学会如何应</p><p>用。在空闲时间里不断练习课上课下习题,熟能生巧。尽量独立完成一些作业,这样在遇到问题时,不会经常去百度或者请教老师,这样既能提高自己的学习效率又能增强对知识技能的掌握。 3.多注重知识积累 相信滴水穿石的道理,要懂得日积月累。在有限时间里,尽量掌握更多知识,这在以后学习和开发工作中都是很有必要的,很多知识从开始不理解,到后来的灵活应用,都是逐渐熟悉的过程。所以在整个学习过程中,还是要多积累,实现从量变到质变的飞跃。 4.多与老师同学交流沟通 借鉴学习的同时要开拓自己的思维,多与他人交流,汲取更多有营养的信息。沟通不仅在学习中很重要,相信在以后的工作中,团队之间相互合作,沟通交流也会至关重要。</p><h2>网页制作HTML基础知识</h2><p>网页制作之HTML基础知识2009-04-15 11:03很多被淘汰了的标签,不过了解下也好。 总类(所有HTML文件都有的) 文件类型 <HTML></HTML> (放在档案的开头与结尾) 文件主题 <TITLE> (必须放在「文头」区块内) 文头 (描述性资料,像是「主题」) 文体 (文件本体) 结构性定义(由浏览器控制的显示风格) 标题 (从1到6,有六层选择) 标题的对齐 区分
      区分的对齐
      引文区块
      (通常会内缩) 强调 (通常会以斜体显示) 特别强调 (通常会以加粗显示) 引文 (通常会以斜体显示) 码 (显示原始码之用) 样本 键盘输入 变数 定义 (有些浏览器不提供) 地址
      大字 小字 与外观相关的标签(作者自订的表现方式) 加粗 斜体 底线 (尚有些浏览器不提供) 删除线 (尚有些浏览器不提供) 下标 上标 打字机体 (用单空格字型显示) 预定格式
       (保留文件中空格的大小) 预定格式的宽度 
      (以字元计算) 向中看齐 
      (文字与图片都可以) 闪耀 (有史以来最被嘲弄的标签) 字体大小 (从1到7) 改变字体大小 基本字体大小 (从1到7; 内定为3) 字体颜色 链结与图形 链接

      HTML基础知识

      HTML 学习任何一门语言,都要首先掌握它的基本格式,就像写信需要符合书信的格式要求一样。HTML标记语言也不例外,同样需要遵从一定的规范。接下来将具体讲解HTML文档的基本格式。 HTML文档的基本格式主要包括文档类型声明、根标记、头部标记、主体标记,具体介绍如下: (1)标记 标记位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML 或XHTML(可扩展超文本标记语言)标准规范,必需在开头处使用标记为所有的XHTML文档指定XHTML版本和类型,只有这样浏览器才能将该网页作为有效的XHTML文档,并按指定的文档类型进行解析。 (2)标记 标记位于 标记之后,也称为根标记,用于告知浏览器其自身是一个HTML 文档, 标记标志着HTML文档的开始,标记标志着HTML文档的结束,在它们之间的是文档的头部和主体内容。 在之后有一串代码“xmlns=""”用于声明XHTML统一的默认命名空间。 (3)标记 标记用于定义HTML文档的头部信息,也称为头部标记,紧跟在标记之后,主要用来封装其他位于文档头部的标记,例如、<meta>、<link>及<style>等,用来描述文档的标题、作者以及和其他文档的关系等。 一个HTML文档只能含有一对<head>标记,绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。 (4)<body></body>标记 <body>标记用于定义HTML文档所要显示的内容,也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内,<body>标记中的信息才是最终展示给用户看的。 一个HTML文档只能含有一对<body>标记,且<body>标记必须在<html>标记内,位于<head>头部标记之后,与<head>标记是并列关系。 在HTML页面中,带有“< >”符号的元素被称为HTML标记,如上面提到的<html>、<head>、<body>都是HTML标记。所谓标记就是放在“< >”标记符中表示某个功能的编码命令,也称为HTML标签或HTML元素,本书统一称作HTML标记。 为了方便学习和理解,通常将HTML标记分为两大类,分别是“双标记”与“单标记”。 (1)双标记 双标记也称体标记,是指由开始和结束两个标记符组成的标记。其基本语法格式如下: 该语法中“<标记名>”表示该标记的作用开始,一般称为“开始标记(start tag)”,“</标记名>”表示该标记的作用结束,一般称为“结束标记(end tag)”。和开始标记相比,结束标记只是在前面加了一个关闭符“/”。 (2)单标记 单标记也称空标记,是指用一个标记符号即可完整地描述某个功能的标记。其基本语法格式如下: 一篇结构清晰的文章通常都有标题和段落,HTML网页也不例外,为了使网页中的文字有条理地显示出来,HTML提供了相应的标记。 (1)标题标记 为了使网页更具有语义化,经常会在页面中用到标题标记,HTML提供了6个等级的标题,即<h1>、<h2>、<h3>、<h4>、<h5>和<h6>,从<h1>到<h6>重要性递减。其基本语法格式如下:<hn align="对齐方式">标题文本</hn> 该语法中n的取值为1到6,align属性为可选属性,用于指定标题的对齐方式,下面来演示标题标记的使用。</p><h2>HTML+CSS基础知识点</h2><p>HTML+CSS笔记 1.学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。 (1)HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 (2)CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 (3)JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。 2.添加样式如: <style type="text/css"> h1{ font-size:12px; color:#930; text-align:center; } 我的第二个段落 (2)标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套,那么 必须</p><p>11.使用<br/>标签分行显示文本 需要加回车换行的地方加入<br />,<br />标签作用相当于word文档中的回车 暗淡轻黄体性柔,<br/> 情疏迹远只香留。<br/> 何须浅碧深红色,<br/> 自是花中第一流。 12.认识<hr>标签,添加水平横线 13. <address>标签,为网页加入地址信息 15.使用ul,添加信息列表(无序列表):如下图</p><p>18.认识table标签,认识网页上的表格</p><p>19.caption标签,为表格添加标题和摘要 摘要:摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。 例如:</p><h2>HTML基础知识点总结</h2><p>HTML知识点总结 第一章:知识总结 1. <b>HTML文档结构</b>(括号里面的就是注释) <!DOCTYPE html > *注:<!DOCTYPE> 标签没有结束标签! <html > <head>(头部部分) <meta http-equiv=“Content-Type”content=“text/html”; charset=gb2312 >(可写可不写) <title>显示在浏览器标题栏中的标题 (主体部分) (页面内容) 标签中的属性有: bgcolor=颜色(背景颜色) background=图片的绝对路径或相对路径(背景图片) 2. 标题标签 n取1~6(设置文字标题): 1)

      一级标题

      2)

      二级标题

      3)

      三级标题

      4)

      四级标题

      5)
      五级标题
      6)
      六级标题
      3、标签(设置文字属性) 要设置的文字

      5、行的控制相关标签 段落标签

      (段落的对其方式) 换行标签
      6、图片标签 图片的提示文字 (align就是用于调整图片相对于周围文本的对其方式) 7、文字布局 1) 水平线


      2) 有序列表的语法
        (序号类型有:1、a、A、ⅰ、I)
      1. 填写信息
      2. (必须用
      3. 将内容包括起来)
      4. 填写信息
      5. 填写信息
      6. ……
      3) 无序列表语法
        (序号类型有:disc(默认值,实心圆点)、circle(空心圆环)、square(空心正方形))
      • 所写内容
      • (必须用
      • 将内容包括起来)
      4) 预格式文本语法
       (具体的文本格式,这个格式在时就是不改变的哦!) 
      8、页面链接语法 1) 链接到其她页面 连接标志 2) 链接到本页面 首先创建一个锚链接的锚记点:主题名称 然后在具体要链接到的地方设置name: (锚记点前面要加上#号) 3) 电子邮件链接 站长邮箱(注意不能忘了mailto) 9、滚动标签的语法 滚动的文字与图像

      HTML知识点

      首先学习HTML我认为需要搞懂块级元素与行内元素这两个概念 块级元素与行内元素 块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。“form"这个块元素比较特殊,它只能用来容纳其他块元素。 你能够把块容器元素div想象成一个个box,或者如果你玩过剪贴文载的话,那就更加容易理解了。我们先把需要的文章从各种报纸、杂志总剪下来。每块剪下来的内容就是一个block。然后我们把这些纸块按照自己的排版意图,用胶水重新贴到一张空白的新纸上。这样就形成了你自己独特的文摘快报了。作为一种技术的延伸,网页布局设计也遵循了同样的模式。. 内联元素(inline element)一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素,常见内联元素“a”。 块元素(block element)和内联元素(inline element)都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后,块元素和内联元素的这种属性差异就不成为差异了。比如,我们完全可以把内联元素cite加上display:block 这样的属性,让他也有每次都从新行开始的属性。 可变元素的基本概念就是他需要根据上下文关系确定该元素是块元素或者内联元素。可变元素还是属于上述两种元素类别,一旦上下文关系确定了他的类别,他就要遵循块元素或者内联元素的规则限制。大致的元素分类见全文。 块元素(block element) *address-地址 *blockquote-块引用 *center-居中对齐块 *dir-目录列表 *div-常用块级元素,也是css layout的主要标签 *dl-定义列表 *fieldset-form控制组 *form-交互表单 *h1-h6标题 *hr-水平分隔线 *isindex-input prompt *menu-菜单列表 *noframes-frames可选内容,(对于不支持frame的浏览器显示此区块内容 *noscript-可选脚本内容(对于不支持script的浏览器显示此内容) *ol-排序表单 *p-段落 *pre-格式化文本 *table-表格

      HTML基础知识

      元素分类 在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有:

      、、

      ...