【前端】HTML的使用方法

高洛峰
发布: 2017-03-23 09:54:49
原创
1374 人浏览过

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

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. 列表项

              <dl> 自定义列表

             

      自定义列表头

             

      自定义列表内容

          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. *