HTML复习

HTML复习

html语义化：

html中自带了一些标签，这些标签有特定含义，比如H1-H6代表标题、p代表段落、img代表图片、html5里也推出了一些新的标签：header、footer、nav这些标签都有特定的含义，使用的时候应该尽量按照它的语义来使用。

语义化好处：

1. 别人阅读你的代码的时候能够根据标签猜出来你的用意，有利于程序员阅读，便于团队开发和维护
2. 浏览器读取方便
3. 有利于搜索引擎优化（SEO：Search Engine Optimization）（比如说会根据标签来搜索，可能重点会搜索h1）
4. 有一些标签默认会有一些样式，如果浏览器禁止了CSS样式还可以达到突出样式的效果，比如h1()

常用行级、块级元素

行级元素：水平分布多个占一行，不可以设置宽高

 <a> <span> <i> <strong> <em> <b>

块级元素：垂直分布自己占一行，可以设置宽高

 <div> <p> <ul> <li> <h1>~<h6> <table> <ol>

行级块元素：

<img> <input>

表单元素

输入框

<input type="text">
<input type="password">定义密码字段

单选框

<input type="radio" value="boy">男
<input type="radio" value="girl">女

复选框

<input type="checkbox" value="吃饭">吃饭
<input type="checkbox" value="睡觉">睡觉
<input type="checkbox" value="玩游戏">玩游戏

下拉框（multiple=“multiple”下拉多选）

<select name="" id="" '>
 <option value="黑大">黑大</option>
 <option value="理工">理工</option>
 <option value="林大">林大</option>
</select>

遗忘标签

<hr>一条线
<br>换行