html基础语言笔记

烈酒焚心 提交于 2020-02-28 12:02:29


01常用快捷键 ctrl+/ 等
02文本格式化标签 <strong>等
03图片标签 <img src="lzl.jpg"  alt=""   title="" /> 
04超链接——绝对相对路径
05锚点  
06列表
列表快捷键
<ul>
<li><a href=""></a></li>
</ul>
ul>li>a 然后按Tab键盘,就可以快速构建

 

<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
ul>(li>a)*3 然后按Tab键,就可以快速撰写

 

<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
ul>(li>a[#])*3 然后按Tab键,就可以快速撰写

 

07音乐标签<embed src="1.mp3" hidden="true">
<marquee behavior="slide" direction="up" height="300px" bgcolor="orange"><img src="swk.jpg" alt=""></marquee> ——(加图片)

08网页描述
<!-- 关键字 -->
<meta name="keywords" content="Java培训,Android培训">

<!-- 网页描述 -->
<meta name="description" content="传智播客">

<!-- 网页重定向 -->
<meta http-equiv="refresh" content="5; http://www.itcast.cn"> (5秒跳转)


<!-- 链接外部样式表文件 -->
<link rel="stylesheet" href="1.css">


<!-- icon图标 -->
<link rel="icon" href="favicon.ico">

09表格
表格快捷键 table>tr*3>td*4
<table bgcolor="yellow" border="4" width="500" height="300" cellspacing="12" cellpadding="10">
<tr align="center">合并单元格(用的少)

<tr>
<td colspan="3"></td>
<!-- <td></td>
<td></td> -->
</tr>
<tr>
<td valign="middle"> 张三</td>
<td></td>
<td rowspan="2"></td>
</tr>
<tr>
<td></td>
<td></td>
<!-- <td></td> -->
</tr>
表格内容垂直对齐
valign="bottom"
标题,自动加粗th
细线表格 bgcolor
表格题目caption

10表单
<fieldset>
<legend>分组信息</legend>
用户名:<input type="text" maxlength="6" name="username" value="大前端">
密码:<input type="password" name="pwd">


<form action="1.php" method="post">
<fieldset>
<legend>分组信息</legend>


<!-- 文本输入框 -->
用户名:<input type="text" maxlength="6" name="username" value="大前端">
<br>
<br>
<!-- 密码输入框 -->
密码:<input type="password" name="pwd">
<br>
<br>
<!-- 单选框 -->
<input type="radio" name="gender" checked="checked">男

<input type="radio" name="gender">女
<br><br>
<!-- 下拉列表 -->
省(市): <select>
<option>河北</option>
<option>山西</option>
<option>山东</option>
<option selected="selected">北京</option>
</select>
<!-- 下拉列表多选 -->
<select multiple="multiple">
<option>河北</option>
<option>山西</option>
<option>山东</option>
<option selected="selected">北京</option>
</select>
市(区):<select>
<!-- 下拉列表信息分组 -->
<optgroup label="北京市">
<option>昌平区</option>
<option>海淀区</option>
<option>朝阳区</option>
<option>大兴区</option>
</optgroup>
<optgroup label="广州市">
<option>昌平区</option>
<option>海淀区</option>
<option>朝阳区</option>
<option>大兴区</option>
</optgroup>
</select>
<br><br>
<!-- 多选框 -->
<input type="checkbox" checked="checked">喝酒
<input type="checkbox" checked="checked">抽烟
<input type="checkbox" checked="checked">烫头

<!-- 多行文本框 -->
<textarea cols="130" rows="10"></textarea><br><br>

<!-- 文件上传控件 -->
<input type="file">
<br><br>

<!-- 文件提交按钮 -->
<!-- <input type="submit"> -->

<!-- 普通按钮 -->
<!-- <input type="button" value="普通按钮"> -->

<!-- 图片按钮 -->
<input type="image" src="按钮.jpg">

<!-- 重置按钮 -->
<input type="reset">
</fieldset>
</form>

11html5新特性

<body>
<form action="1.php" method="post">
<!-- 网址控件 -->
<!-- <input type="url"> -->
<!-- 日期控件 -->
<!-- <input type="date"> -->
<!-- 时间控件 -->
<!-- <input type="time"> -->
<!-- 邮件控件 -->
<!-- <input type="email"> -->
<!-- 数字控件 -->
<!-- <input type="number" step="5"> -->
<!-- 滑块控件 -->
<!-- <input type="range"> -->

<input type="submit">

</form>
</body>

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!