饭局狼人杀熊怎么咆哮:网站构建系列之专题三:HTML

来源:百度文库 编辑:中财网 时间:2024/04/28 20:17:02
HTML之所以好学是因为就知识点来说,完全不需要动脑子,记住了你就会,记不住就免谈。但是要想学好还是需要你有点脑滴,因为它经常要联合CSS、Javascript一起作用网页,而且网页的整体布局如何达到良好的用户体验,那就更是个学问了!就HTML的知识点总结如下:

1、HTML是用来描述网页的一种语言,即超文本标记语言(Hyper Text Markup Language)。明确它不是一种编程语言,而是一种标记语言。HTML使用标记标签来描述网页。

2、HTML文档==网页,HTML文档描述网页,包含HTML标签和纯文本。HTML建议使用小写来拼写属性/属性值,属性值应该始终被包括在引号内,经常使用双引号,不过单引号也没问题。HTML只不过是组合成一个文本文件的一系列标签。它们就像乐队的指挥,高速乐手们哪里需要停顿,哪里需要激昂。

3、声明位于文档中的最前面的位置,处于标签之前。次标签可以告诉浏览器使用哪种HTML或XHTML规范。

4、头元素包含着文档的概要信息,大多数情况下,meta元素用来提供与浏览器或者搜索引擎相关的信息,比方说描述文档的内容等等。例如:

5、标签属性示例:

       标题是通过

---

等标签来定义的,越来越小。

      

是段落标签:

This is my first paragraph.

       是连接标签:This is a link

       如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。

       


标签在HTML页面中创建水平线

       注释可以提高代码的可读性,使代码更容易被理解:

       在不产生新段落的情况下换行:

6、文本格式化标签:

                  定义粗体文字

                  定义大号字体

                  定义着重文字

                  定义斜体字

                  定义小号字

                  定义加重语气

                  定义小标字

                  定义上标字

                  定义插入字

                  定义删除字

       “计算机输出”标签:

                  定义计算机代码

                  定义键盘码

                 

定义预格式文本

   

7、HTML的style属性:

          提供了一种改变所有HTML元素的样式的通用方法。通过HTML样式,能够通过使用style属性直接将样式添加到HTML元素,或者间接地在独立的样式表中进行定义。

8、HTML4中不赞成使用的标签:

           ;不赞成使用的属性: align  bgcolor  color。

    对于以上这些标签和属性应该使用样式代替。

9、表格由

标签来定义:

    每个表格均有若干行(由

标签定义),每行被分割成为若干单元格(由定义用于表格列的属性

 

10、无序列表标签:

          有序列表标签:

            自定义列表:

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

      开始,每个自定义列表项的定义以
      开始。例如:

       


       
      Coffee

       
      Black hot drink

       
      Milk

       
      White cold drink

       

       

      11、表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。多数情况下被用到的表单标签是输入标签(),输入类型是有类型属性()定义的。类型有:文本域(TextFields)、单选按钮(Radio Buttons)、复选框(CheckBoxes)等。

      定义域的标题

属性

描述

onload

脚本

当文档载入时执行脚本

onunload

脚本

当文档卸载时执行脚本

表单元素事件(Form Element Events)

属性

描述

onchange

脚本

当元素改变时执行脚本

onsubmit

脚本

当表单被提交时执行脚本

onreset

脚本

当表单被重置时执行脚本

onselect

脚本

当元素被选取时执行脚本

onblur

脚本

当元素失去焦点时执行脚本

onfocus

脚本

当元素获得焦点时执行脚本

图像事件(Image Events)

属性

描述

onabort

脚本

当图像加载中断时执行脚本

键盘事件(Keyboard Events)

属性

描述

onkeydown

脚本

当键盘被按下时执行脚本

onkeypress

脚本

当键盘被按下后又松开时执行脚本

onkeyup

脚本

当键盘被松开时执行脚本

鼠标事件(Mouse Events)

属性

描述

onclick

脚本

当鼠标被单击时执行脚本

ondblclick

脚本

当鼠标被双击时执行脚本

onmousedown

脚本

当鼠标按钮被按下时执行脚本

onmousemove

脚本

当鼠标指针移动时执行脚本

onmouseout

脚本

当鼠标指针移出某元素时执行脚本

onmouseover

脚本

当鼠标指针悬停于某元素之上时执行脚本

onmouseup

脚本

当鼠标按钮被松开时执行脚本

 

17、补充标签:

:定义文档作者或拥有者的联系信息

:定义长的引用

:定义被插入文本

:定义对象的参数

 

18、XHTML

XHTML是一种更加规范的HTML标准,其实就是HTML和XML的融合。XML是一种标记化语言,其中所有的东西都要被正确的标记,以产生像是良好的文档。XML用来描述数据,而HTML则用来显示数据。

 

19、Unicode

Unicode是web文档默认的字符集,也是我们拥有的最接近通用字母表的事物。尽管它并不是一个字母表,而是一套数字映射方案。

 

20、记住:最大限度地使用CSS来进行布局,在web标准的世界里,XHTML标记与表现无关,它只与文档结构有关。

标签定义)。

    数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等元素。

    边框属性:border

    表格表头使用

标签来定义

    大多数浏览器对空单元格的显示不提爱好,为避免意外情况,在空单元格中添加一个占位符( )。

   

定义表格标题