对于web代码基础了解

2023-11-04

快捷方式

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代码应用的基础练习

 

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

对于web代码基础了解 的相关文章

随机推荐