绵阳梓潼网站制作公司

【前端】HTML总结。-创新互联

编程语言：解释型和编译型

成都创新互联公司坚持“要么做到，要么别承诺”的工作理念，服务领域包括：做网站、网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的安国网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

WEB前端：HTML+CSS+JavaScript

一、 HTML介绍:

---------------------------------------

1. 什么是HTML？

  超文本标记语言,  <标签名>--标记（标签、节点）

2. HTML是由：标签和内容构成

3. 程序语言有两种：解释性语言（HTML、PHP、Javascript）和编译型语言（C、C++、Java

4. HTML的标签组成部分、属性、实体

  HTML的实体： <:<  >:>  空格: 

5. HTML中注释：

注释的目的：1. 辅助说明  2.代码调试

6. HTML标签（标记）的语法： 标签是由"<"和">"括起来

双标签：<标签名>....

单标签：<标签名/>

7. HTML中的颜色：可以是颜色单词：red/blue/green/yellow...

还可以是：#000000 --- #ffffff

      十六进制：0123456789abcdef

其中前两位表示红色，中间两位绿色，后两位表示蓝色。

二、 HTML中HEAD头部设置

----------------------------------------

设置网页编码：

  关键字：

  描述：  

  网页标题：本网页标题

  导入CSS文件：

  CSS代码：

  JS文件或代码：

  ... ...

三、 HTML中的文本标签、格式化标签

----------------------------------------

  文本标签：

1. *
换行

2. *

...

换段

3. ... 斜体

4. ... 强调斜体

5. ... 加粗

6. *... 强调加粗

7. *... 其中n为1--6的值。 标题标签（加粗、独立行）

8. 引用

  9. ...  ...

10.* 删除线

....

  格式化标签：

1. *
换行

2. *

...

换段

  3. 列表：

    

    无序列表

        

      有序列表  其中type类型值：A a I i 1  start属性表示起始值

          

    1. 列表项

          

      自定义列表

          

      自定义列表头

          

      自定义列表内容

        4.

      四、*HTML中中的超级链接A

      ------------------------------------------------

      * 超级链接标签

      属性：href必须，指的是链接跳转地址

       target: 表示链接的打开方式：

      _blank  新窗口

      _parent 父窗口

      _self  本窗口（默认）

      _top 顶级窗口

      framename 窗口名

       title：文字提示属性（详情）

      锚点链接：

      定义一个锚点： 以前使用的是

      使用锚点：  跳到a1处

      五、 *图片标签img

      ---------------------------------------

      在网页中插入一张图片

      属性：src： 图片名及url地址

      alt: 图片加载失败时的提示信息

      title：文字提示属性

      width：图片宽度

      height：图片高度

      border：边框线粗细

      六、 多媒体标签（熟悉）

      ------------------------------------

      你的浏览器不支持播放


      你的浏览器不支持播放



      你的浏览器不支持视频播放

      您的破浏览器该扔了，不支持视频标签



      七、 *表格标签

      ------------------------------------

      *table  表格标签

      caption 表格标题

      *tr 行标签

      *th  列头标签

      *td  列标签

              和打印机有关，把表头和表尾写在表体之前，有助于查看代码

      *thead  表头

      *tbody  表体

      tfoot  表尾

      八、**form表单标签

      ---------------------------------------------------------

      1.

      --表单标签

      form标签常用属性：

      *action属性:提交的目标地址(URL)

      *method属性:提交方式:get(默认)和post

      get方式是URL地址栏可见,长度受限制(IE2k 火狐8k),相对不安全.

      post方式是URL地址不可见,长度不受限制,相对安全.

      enctype:提交类型

      target: 在何处打开目标 URL。

      name:属性为表单起个名字.HTML5不支持。用 id 代替。

      2. 表单项标签input定义输入字段，用户可在其中输入数据。在 HTML 5 中，type 属性有很多新的值。

      具体在下面有详解：

      如：

      3. 标签中使用的;

      *value属性:下拉项的值

      *selected属性:默认下拉指定项.

      4. *