对于web代码基础了解

快捷方式

1.基本骨架：shift+！

2.备注：ctrl+/

基本代码

1.段落标签：<p></p>

2.换行标签：

3.水平线标签：<hr></hr>

4.加粗：<strong></strong>

5.倾斜：<em></em>和<i></i>

6.容器，独占一行：<div></div>

7.容器，一行多个：<span></span>

8.下划线：<ins></ins>和<u></u>

9.删除线：<del></del> 和<s></s>

10.图片：<img scr="(地址)" alt="(图片地址错误时提示词)" >

11.视频：<video src="(地址)" controls:控件 autoplay:自动播放 muted:禁音播放 poster：等待加载时显示图片>

12.音频：<audio scr="(地址)" controls:控件 autoplay:自动播放 muted:禁音播放

loop>

13.链接：<a href="https://www.baidu.com" target="_blank">去百度</a

<a href="./09-视频.html">去看小视频了</a

14.锚链接：<a href="#one">个人经历</a <div id="one">个人经历</div

15.有序列表：<ol> <li></li></ol>

16.无序列表：<ul><li></li></ul>

17.自定义列表：<dl><dt>(表题)</dt><dd>(内容)</dd></dl>

18.iframe框架：<iframe src="https://www.baidu.com" width="900px" height="600px"></iframe（访问可能拒绝）

19.表格： <table></table>

<!-- align （水平控制） v -->

<!-- width 高 heigh 宽（表格中间边框） (整体底线，下面的只能比这高)

cellspacing 边框宽度

border 有无边框（最外围部分边框） -->

<caption>学生信息</caption>

<!-- 表头 caption （只能通过css改变）-->

<tr>

<!-- tr 表格横向 th 加粗 td 普通 -->

20.表单：<form action="(地址)"></form>

action：将数据交给谁 name：必有属性

21.按钮：<button></button>

22.文本框：<input type="text" name="user" value="guoxin"

23.文本框（不显示密码）：<input type="password" name="user" value="guoxin"

24.单选框：<input type="radio" name="gander" value="nan"

25.多选：<label><input type="checkbox" name="1" value="1"》</label>

26.<!-- 隐藏域 -->

<input type="hidden" name="hid" value="eeee">

<!-- 确认按钮 -->

<button type="submit"></button>-->

<input type="submit">

<!-- 重置按钮 -->

<input type="reset">

<!-- 普通按钮 -->

<input type="button" name="">

<!-- 文本域 -->

<textarea cols="200" rows="10">

<!-- 下拉菜单 -->

<select name="jiguan" id=>

<option ></option>

</select>

web代码应用的基础练习