html语言

<h1></h1>最好只用一次

独占一行,共六级

2段落标签

<p></p>

独占一行

3换行与水平线但标签

enter换行在浏览器中没有用

<br>

<hr>

4文本格式化标签

<strong></strong>加粗

<em></em>倾斜

<ins></ins>下划线

<del></del>删除线

<span></span>无语义配合css给文字设计样式

5图片标签

<img src="图片的路径">

属性：alt=""替换文本，图片无法显示的时候显示文字；title=""鼠标悬停的时候显示文字；width="",higth=""值为数字没有单位

绝对路径也可以复制网页上的图片地址

6超链接，可用于下载浏览器打不开的文件word文件 压缩文件 .exe的程序；可唤起指定应用

<a href="#"></a>

<a href="tel:"></a>

<a href="sms:"></a>

<a href="mailto:"></a>

<a href=""></a>刷新

锚点

给标签设置一个id属性，该标签就是一个锚点

跳转到本页面锚点

<a href="#锚点></a>

跳转到其他页面锚点

<a href="地址#锚点></a>

属性：href跳转地址，target=""新窗口打开 

7音频标签

<audio src=""></audio>

属性：controls 显示音频控制板；loop循环播放；autoplay自动播放

8视频标签

<video src=""></video>

属性：muted静音播放。

web三部分结构html 样式css行为js

原格式显示

<pre></pre>

用于页面布局可嵌套

<div></div>

列表

无序列表 用于一组相关的内容，导航

<ul>
<li></li>

</ul>

有序列表

<ol>
<li></li>

</ol>

表格

<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">First</th>
<th scope="col">Last</th>
<th scope="col">Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td colspan="2">Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>

属性： widthheight高宽；cellspacing单元格间距；cellpadding单元格内补白 border边框

单元格设置宽高

<th>,<td>属性widthheight高宽

单元格内容对齐方式

thead,tbody,tfood, tr,th,td都可以设置align属性，设置横向对齐方式,属性值 left,right,center

thead,tbody,tfood, tr,th,td都可以设置valign属性，设置纵向对齐方式,属性值 top,bottom,middle

单元格跨行跨列

cospan跨行，rowspan跨列

表单

文本输入框

<input type="text" >

密码输入框

 <input type="password">

 <!-- 单选框 -->必须设置相同的name属性实现单选效果，checked默认选哪种

       性别：

       <input type="radio" name="gender">男

       <input type="radio" name="gender">女

       <input type="radio " checked>其他

  <!-- 复选框 -->一次选几个

       爱好：

       <input type="checkbox">唱

       <input type="checkbox" name="" id="">跳

       <input type="checkbox" checked>打篮球

 <!-- 提交按钮 -->

       <input type="submit" value="" >

       <button>提交按钮</button>

 <!-- 普通按钮 -->与js一起用

       <input type="button">

 <!-- 文本域 -->  

       <textarea name="" id="" cols="30" rows="10"></textarea>

 <!-- 下拉选项 -->

       <select name="" id="">

        <option value="">aa</option>

        <option value="">aa</option>

        <option value="">aa</option>

        <option value="">aa</option>

       </select>

默认选项selected

表单控件的属性

name属性：

用于给表单控件设置标识，与后端对应；

多个单选按钮实现单选效果；

下拉name放在select;

提交按钮 重置按钮 普通按钮不设置name

value属性：

文本输入框，密码输入框value可设置默认内容；

单选框，复选框，value设置真正的提交的数据；

input实现的按钮value设置名称；

button,textare不需要value;

下拉选项option可以使用value提交真正的数据，如果没有设置value,双标签中的文字作为提交按钮

disabled属性：

表单控件设置disabled属性将变为不可用；

disable属性不需要值;

  <!-- lable关联描述文字和输入框 -->

        <label for="usernameId">用户名：</label>

        <input type="text" name="" id="usernameId">

        <br>

        <!-- lable关联选择框，单选框，复选框 -->

        <label>

            <input type="radio">女

        </label>

 <!-- iframe内联框架 -->将各种类型的文件引入当前页   

<iframe src="https://mp.csdn.net/mp_blog/creation/editor/135920538" frameborder="1"width="1000" height="1800"></iframe>

iframe 和-target

<a href="http://www.taobao.com" target="chen">淘宝</a>

    <iframe src="" frameborder="1" name="chen"></iframe>

  常用字符实体

&nbsp 空格，lt 小于，gt大于，&amp和&2 

全局属性

id：唯一标识，可以用作锚点名，css选择器

name:设置名称标识，对于表单控件用处较大

class：设置类名，css选择器

style:用于直接设置css样式

title:设置提示文字，鼠标悬浮在元素上会显示

lang:设置语言 英文en中文zh