单标签:
1. 换行标签
2. 水平线标签
<hr color="darkmagenta" width="10px"/>
<hr color="darkmagenta" size="10px"/>
双标签:(文本格式)
<p></p> 段落标签,上下自动生成空白行
<hX></hX>标题标签,(自带加粗和字体大小)1~6依次减小
建议一个页面只放一个<h1></h1>
文本格式化标签:
<strong></strong> <b></b>:加粗
<em></em><i></i> 倾斜
<del></del><s></s> 删除线
<ins></ins> <u></u> 下划线
src="img/miao.jpg" 图片路径(绝对路径相对路径都可以)
title="我是一只猫" 鼠标悬浮在图片上时,显示的提示
alt="喵喵喵" 当图片无法加载时出现的提示
height="1000" 高(px)
width="100" 宽
宽高通常只修改一个,另外一个会等比缩放
超链接标签:
<a>内容不限<\a>
href="demo1.html" 要跳转的页面,如果是外部页面,需要加网络协议(http:\\)
href="javaScript:void(0)" href="#"取消超链接的跳转效果
title 鼠标悬浮出现的提示
target="_blank" 开一个新的窗口进行跳转
target="_self" 在当前窗口跳转
特殊字符
”空格符 空格符 <br>
“<”小于号 < 小于号 <br>
“>”大于号 > 大于号 <br>
“&”和号 & 和号 <br>
“¥”人民币 ¥ 人民币 <br>
“”版权 © 版权 <br>
“”注册商标 ® 注册商标 <br>
“°”摄氏度 ° 摄氏度 <br>
“±”正负号 ± 正负号 <br>
“×”乘号 × 乘号 <br>
“÷”除号 ÷ 除号 <br>
“²”平方 ² 平方 <br>
“³”立方 ³ 立方 <br>
1.无序列表:
<ul>
<li> </li>
</ul>
type="circle" 空心圆
type="disc" 默认(实心圆)
type="square" 实心方块
2.有序列表:
<ol>
<li></li>
</ol>
type: AaIi1 序号类型
start = "2" 从2开始(只能填数字)
3.自定义列表
<dl>
<dt>游戏</dt> 小标题
<dd>LOL</dd> 解释标题
<dd>农药</dd>
<dd>吃鸡</dd>
</dl>
<th>姓名</th> 会有加粗效果(一般用作表格列或行的头)
<caption>ssss</caption>表格的头(描述表格的作用,名称)
bordercolor="blue" 设置边框颜色
1.<table > 表格
<tr> 行
<td>姓名</td> 列
</tr>
table常用属性:
border="1" 1表示有边框,0表示没有边框(默认)
cellspacing="10px" 单元格之间的距离
cellpadding = "10px" 内容与单元格之间距离
align="" 位置right,left……(table,tr,td)
bgcolor="antiquewhite" 设置背景颜色(table,tr,td)
2.结构:
<thead></thead>
<tbody></tbody>
<tfoot></tfoot>
表格的合并
colspan 列合并
rowspan 行合并
colspan是横向合并;rowspan是纵向合并。
表单域:包含了
文本框、
密码框、
隐藏域、
多行文本框、XXX
复选框、
单选框、<input type="radio"name=“sex”/>
下拉选择框
和文件上传框
按钮:
普通按钮:
提交按钮:再点一下
重置按钮:
等
action :提交位置
method :get:显式提交,将信息在链接上展示
可传输信息比较少(可以跳页面)
post:隐式提交,信息不在链接上展示
可以传输大量信息
<input type="submit" value="点击提交"/>
<buttom></buttom>