Web前端html标签

1. 第一批6个。

    用于标题醒目标签h1-h6,有上下行距 可以换行.注意：不能互相嵌套，属于行级标签

    div：页面中的块，只有换行效果。注意：可以嵌套任何标签

p：页面中的段落，有上下行距。注意：标签虽然是块级元素，但是它只能包含内联元素，不能包含块级元素，也不能包含另一个<p> 标签

    span：隔离标签，没有任何样式。但是它很有用。

    br：换行，没有结束标签。

    hr:水平分割线，没有结束标签。

    hr和br等标签有特殊写法，不需要按照标准规则(开始标签，结束标签)

2. 第二批8个。

    b/strong可以加粗 有些strong在其他网页可能显示不出来。

    i/em 可以加斜，有些网页可能显示不出来em斜体

    big/small可以让文本变大或者变小。注意：字体最大或者最小时不能在变大变小

    Sup/sub 上下标。是原来的一半大，注意：字体和字体大小不会变化

    u/del 下划线/删除线。也可以自己用样式用于下划线，删除线，还有顶端线。

strong和em在不同的浏览器，不同标准中不一定是加粗加斜，以后样式也可能发生更改。

3. 第三批6个.

    ol :有序列表。配li（列表内容）使用

    ul :无序列表。  配li（列表内容）使用

    ol:和ul只是列表框架,都有上边距，下边距，做内补。

    li:列表内容，注意：前面必须有ol和ul，配合使用

    dl:自定义列表框架，有上边距，下边距，自定义列表

    dt:列表项目，样式类似div。自成一行

    dd:列表项目具体内容，有做内补。

4.  第四批4个媒体标签。

    a 超级链接标签，用于网页的跳转 结合href属性。

    可以连接本地的网页，也可以链接网上的网页像百度，淘宝。

    所以的html属性都要写在html标签的开始标签上。

    格式key1=value1 key2=value2 key3=value3

    href代表跳转的目标地址

    至于是在本页面跳转还是在新打开的标签页跳转则屈于target

    target默认值是self就是本页面blank就是在空白页面打开

    锚点适合在本页面内滚动 描点的格式为 href=”#id值

这个可以实现到最高点，最低点的一个网页的运用

       img 集合src属性展示图片  可以使用本地地址 或者网络地址

       ./代表当前html文件同级目录 ../代表上级目录

       注意图片在网页中的大小，要改变图片的大小。

       可以使用width height 等属性修改图片大小。

       alt属性是当图片加载失败时显示的文本。

      

       video 加载视频

       audio 加载音频

       可以用本地内容和添加网络内容到你的网页

       video和audio可以结合control展示控件

       控件要添加要不然不能看到内容的显示

5 . 第五批4个

  表格标签

  table 外框 tr 行 td 普通单元格 th表示单元格注意：单元格放在表格上面。

border边框 cellspacing单元格间距 cellpadding单元格内部

rowspan可以合并行 colspan可以合并列 注意：合并只是把两个和成一个如何

以前写的有的话，要把后面的删除，防止表格变形。

6 .第6批1个

    iframe框架用于将其他页面嵌入到当前页面。改变框架的大小，防止内容变形。

7. form标签

    核心功能与服务器进行交互。

    属性action与methodd

    action确定与服务器那个接口进行交互(比如是登录还是注册)

    merhod确定与服务器使用那个方法进行交互(比如是get还是post)

    get一般用于从服务器获取数据

           get请求 会获取表单中所以拥有name元素的input将name与value

           拼接成格式 http://baidu.com/?key1=value1&key2&value2&key3=value3

           爬虫：get方式会被一些网站直接抓到，无法进行爬取

    post:一般用于向服务器提交数据(大部分都是Post)

           post数据会被拼接在请求form data中 爬虫中利用post制造假身份。

input 就是表单提交的内容，有name和value属性，只有拥有了name属性的input元素才会被提交，input元素需不要写value需要取决于input的type比如输入框就不用写value（输入框的value就是要输入的值）单选框就需要写value

8.  HTML的属性

    a标签的href属性以及target属性。是在本页面打开还是打开一个新网页

    Img标签的src属性以及alt属性 alt找不到照片时要显示的文字

    video和audio的src属性

    table标签的border、cellspacing、colspan、rowspan

    以及width和hight属性

    上面都是非标准

    标准属性是可以应用在任何一个Html标签上的

    id:页面中不能重复，必须以字母开头，

    class：同一个标签可以有多个类名，不同标签可以有同一类名。

    style:用于编写标签样式

    title：鼠标换入提示

9. 语义化标签

    语义化标签，没有特定样式，相当于div

    header,footer slide main section nav 可以用于部署页面