html初级篇（三）——body标签以及其内部运用的标签

一. body标签

标记给用户看的
也可以是设置style等等属性

1.常用的标签

标签 （header 标题）

一共就6个类型标题

1. 独成一段

2. 加粗

3. 更改字体大小

标题
标题
标题
标题
标题
标题

P标签（Paragraph 段落）

成段出现并且换行，增多之后才会发现

this is paragraph!
this is paragraph2!

div标签和span标签（Division 分隔 ，Span 范围）

容器
没有具体功能，但是可以能够当好一个好的容器
1.容器的作用就是分块
2.捆绑操作的
一个书架进行书籍的搬运可以直接进行书架的搬运，并不需要把书都挪出来
区别：
1.主要一个换行，一个不换行
2.宽高的修改

没效果才能更好的当一个容器
没效果才能更好的当一个容器

img标签（Image 图片） 单标签

src：Source
1.网上的url
2.本地绝对路径
3.本地相对路径
二.alt -> alter（图片占位符）当图片为错误的时候的提示语
三. title （图片提示符）单鼠标移动到图片上的时候的提示语

a标签（Anchor 锚）

a 超级链接标签 a标签可以包裹任何内容凡是跳转的都是a标签进行实现的
href： hyperText reference 超文本引用（你所指向的超文本地址）
原来是找到锚点的作用：当做锚点记录位置用的
1.超级链接
target:_blank(打开新的一页),_self(当前页)
2.锚点
3.打电话tel:139****，发邮件 mail:"101*********@qq.com"
4.协议限定符 可以运行代码

find demo1
find demo2
wwww.baidu.com
拨打电话
点一下我试试啊！com on!

ol有序列表 ul无序列表 ( Ordered List , Unordered List)

ol标签
type：有五种类型 1.阿拉伯数字 2.a-z 3.A-Z 4.小写罗马数字 5.大写的罗马数字
sart：从第几开始
reversed ：reversed 逆向（只有一个属性值）

  
速度与激情8
  
返老还童
  
新喜剧之王
  
飞驰人生
  
天气预爆
  
了不起的盖茨比
  并没有什么用

ul标签
type：disc -disCircle 实心圆 circle 圈 square方块
如果不想要任何样式在css中设置list-style: none;

  
速度与激情8
  
返老还童
  
新喜剧之王
  
飞驰人生
  
天气预爆
  
了不起的盖茨比

from表单以及其内部标签

1.from能够发送数据

method： get/post网络请求的类型
action ：提交跳转

2.input 标签

type:属性
(1)text(正常的文本输入框)
(2)password 密码
(3)radio 单选框
3.1此时为了让为同一个必须要设定同一个name，而单选框的值为 其中的value
3.2用户的体验就是checked就是默认选项
(4) type为checkbox， 复选框
1.此时为了让为同一个必须要设定同一个name，而单选框的值为 其中的value
2.用户的体验就是checked就是默认选项
(4) type为 submit，提交按钮

3.select option 标签

因为包裹了，所以可以在select标签为option设置统一的name
然后默认option选中的默认值为他包裹的内容，也可以自己设置value ，两个同时有，以value为准

  

    userName:
  


  

    password:
  


  1.贝克汉姆
  2.莱昂纳多
  3.我

  
  1.贝克汉姆
  2.莱昂纳多
  3.我


 
请选择省份
  
    北京
    上海
    天津
    大连
  
  

2.不常用的标签

br标签（Break 换行）

就是换行符（一般的标签是为了修改包裹的内容，如果并不需要修改内容，则就只是单标签完成功能）

hr标签（Horizontal Rule 水平尺）

一条横线（并不怎么重要了）

strong标签（strong 加粗）

加粗

i标签（Italic 斜体）

视觉要素：无意义，只是为了好看

斜体

em标签（Emphasized 斜体）

表达要素：不仅是是视觉，在浏览器那边主要是为了声明，这里面内容很重要，语音软件可以加重语气

斜体

其实在一般的时候可以通过css的处理字体 font-style: italic

del标签（Deleted 删除）

有中划线的标签

￥100元

address标签（Address 地址，没啥大用）

基本没什么用可以用css进行达到效果

1. 独成一段

2.斜体

3.有中划线的标签

    辽宁省大连市