web全栈的进阶之路：HTML

一.无序列表

 <h3>中国的主要城市</h3>
<ul>
    <li>北京
    </li>
    <li>上海
    </li>
    <li>广州
        <ul>
            <li>佛山</li>
            <!-- 可多重嵌套，但必须符合规则 -->
        </ul>
    </li>
</ul>
ul:无序列表的简写
li:列表项的意思
组项：ul，li必须同时使用，，ul中必须为li，li必须被ul包括
  <h3>中国的主要城市</h3>
<li>北京
</li>
<li>上海
</li>
<li>广州
</li> 这种形式是错误的

导航条通常都是ul，li的无序列表
li中的东西可能有很多。为容器集标签

二.有序列表

ol：使用同ul一样

1. 北京
2. 上海
3. 广州
   • 佛山

三.定义列表

通常用在尾部，人物，地点等对象的描述

中国主要城市

北京

国家首都

污染严重

上海

经济中心

广州

小蛮腰

dl，dt，dd， dt用来定义目标 dd用来描述dt，一个dt可以配很多dd

四.div和span标签

div：分割 span：范围

美国的主要城市

• >洛杉矶
• >纽约
• >西雅图
• 旧金山

div通常用来布局，css用来更改样式 div并不有任何效果，但语义变了 ，是一个小区域，为容器集 span也是表示小区域，但是是文本集的，文字图片表单元素可放，不能放标签

书

• <li>
     <p>书名</p>
  <a href="购买"></a>
  <a href="出售"></a>
   </li>
  <li>
      <p>书名</p>
      <p>
  <a href="购买"></a>
  <a href="出售"></a></li></p>
  <li>
      <p>书名</p>
      <p>
  <a href="购买"></a>
  <a href="出售"></a></p>
   </li>
  <li>
  <p>书名</p>
  <p>
  <a href="购买"></a>
  <a href="出售"></a></p>
   </li> 
  

缺少语义所以不能显示，正确地是

书

• <li>
     <p>书名</p>
     <p><span>
  <a href="购买"></a>
  <a href="出售"></a></span></p>
   </li>
  <li>
      <p>书名</p>
      <p> <span> 
  <a href="购买"></a>
  <a href="出售"></a></li></span></p>
  <li>
      <p>书名</p>
      <p> <span>  
  <a href="购买"></a>
  <a href="出售"></a></span></p>
   </li>
  <li>
  <p>书名</p>
  <p> <span>
  <a href="购买"></a>
  <a href="出售">ffff</a></span></p>
   </li> 
  

span为文本集中放置小元素的，div为容器集中放置大元素

六.表单

<form action="" method=“GET”>

请输入你的姓名

<input type（属性）=“text（文本）” value（框中默认带有的值） ="">

密码文本框：type后的属性值改为password

请输入密码

单选按钮：属性改为radio（收音机），增加name（相同的才可以）互斥，否则都可选
**

请选择性别

男
女

默认被选择：

复选框：

请选择你的爱好

吃
喝
玩
乐
HTML5的特色：

请选择你的生日

请选择你的颜色

下拉列表：

请选择你的籍贯 ：

北京
上海
南京
广东

select：选择 option：选项
多行文本框：

签名：

textarea是标签对，但对间不需填写文字，填了为默认文字
cols：列 rows：行
三种按钮：

普通按钮：
<input type=“button” value（标签上的值）=“我是一个普通按钮”>

提交按钮：
<input type=“submit”** value=“我是提交按钮”>（可以不写value，submit自带提交）

提交按钮会把页面提交到form列表action中

重置按钮：
<input type="reset">

label标签：用于使和选项框在一起的字可以一起点击
用label包裹住文字，同时通过id和for把文字同选项框连接起来

请选择你的性别：
<input type=“radio” name=“sex**” id=“nan”**><label for=“nan”>男
<input type=“radio” name=“sex” id=“nv”><label for="nv">女

多用途：

姓名

七.HTML杂项

注释：
字符实体:&lt为<的字符实体&gt为>
&copy 版权符号
&nbsp 空格