First day html标签记录

HTML

• 超文本标记语言，搭建页面骨架。

• 特点
  1.语法简单
  2.容量小
  3.功能强大
  4.字符
  http协议（B/S）
  超文本传输协议
  URL
  统一资源定位符
  语法
  1.注释
  2.元素：开始标签    子元素/内容    结束标签
  2.1块元素
       用于搭建页面框架
       特性：
       1) 独占一行空间
       2) 默认宽度为父元素的100%,默认高度由子元素或者内容决定
       3) 可以为块元素指定宽度和高度
      div        无意义的块元素（万能）
      h1~h3    标题    属性    margin，font-size，font-weight
      p    段落    属性    margin
      ul,ol,li    无序/有序列表    属性    margin，padding，list-style
      dl,dt,dd    列表    属性    dl-margin,dt-margin
      html
      body    属性    margin
      h5新增的语义化标签
      header
       nav
       footer
       address
       article
       section
       aside
  2.2行内元素
      用于页面填充或装饰
      特性：
      多个行内元素共享一行空间
       默认宽高都由内容决定
      不可以指定宽高
      行内元素中不可以嵌套块元素
      span    无意义的行内元素（万能）
      a
          超级链接    href=" "跳转的路径
          锚点    
      img    图片    属性    src：与a标签的href相似    alt：图片找不到时的文本替换
      strong
      b
      em
      i
      del
      sub/sup
      …
  3.属性：<div 属性名=属性值 &nbs;属性名=属性值>hello world< /div>
  3.1核心属性
      绝大多数元素都可以添加的属性
      id    唯一
      class    分类
          <div class="box aaa">box1</div>
  title    描述
  style   样式
  取值为CSS规则：CSS规则键值对组成，键与值之间通过冒号隔开，规则之间通过分号隔开。
  3.2特有属性
       某一些元素才可以添加的属性
      img:src、alt
      a:href、target
      …
  元素使用策略
  总体策略：先使用块元素搭建页面框架，再使用行内元素填充页面。

   列表性质用 ul,ol,dl
   标题性质用 h1~h3
   段落 			p
   不知道用什么的时候使用div
  

功能性标签
    表格     table     属性     width，height，cellspacing,cellpading
                caption 标题     
                thead    表头    tr/td    属性    align
                tbody    表体    tr/td
                tr
                td    属性    rowspan:跨行colspan:跨列
                tfoot    表底    tr/td
                注意：表格中每一行的列在计算后列数应该相等
    表单
         注意：
         1. 所有的表单元素,都必须添加name属性
         2. 不可输入但是可以选择的表单元素，一定要添加value值；可输入的表单元素的value为用户输入的值
        form    属性    action：后台接口地址
        type    属性    http协议请求方式
                    get：参数拼接在地址栏
参数拼接在浏览器的地址栏（传递的内容少，安全性低）
                    post：参数放到请求报文请求体中进行传递（传递的内容多，安全性高）
表单元素
    1.input
    单行文本框：text
    密码框：password
    单选按钮：radio
    复选按钮：checkbox
    附件：file
    提交按钮：submit
    搜索框：search
    日期框：data
    数字框：number
    email框：email
    … …
    2.select    下拉菜单

 <select name="shenfen">
		<option value="shanxi">山西</option>
		<option value="jiangxi">江西</option>
		<option value="甘肃">甘肃</option>
 </select>

select中的子元素一定为option,option中一般要添加value表示当选中该元素的时候，select的参数值为该value值,option中的value值可以不设置，那么value默认为文本值
    3.textarea    多行文本域    placeholder文本提示