H5常用标签

HTML文本标签

• 标签标题:h1-h6
• 段落标签:p
• 段落缩进标签:blockquote
• 水平线标签:hr
• 换行标签:br
• 滚动标签:marquee
• 上下标:sup和sup
• 原样输出标签:pre
• 列表标签:
  有序列表 :ol li
  无序列表:ul li
• 块标签div
• 行内标签 span
• 加粗标签:strong
• 斜体标签:em
• 字体标签:font
• 居中标签:center

图像标签:img

<img src="img/1.jpg"  title="这是小米手机" width="100%" height="100%" alt="小米手机" /><br />

• src :连接到图片资源地址
• width:指定图片的宽度
• height:指定图片的高度
  单位:指定像素 px
  指定百分比:占当前 50% 宽度和高度占整个分辨率的百分比
• title:当鼠标悬浮图片上的提示文字
• alt:替换文本
  图片资源失效的时候,起作用

附加
如果一个html页面中有3个图片(网络图片),请求某个服务器,会发送几次请求!

• 4个请求
• 请求页面 http://域名:端口号/当前html资源文件地址
• 每一个图片src—加载图片,都会发送一次请求

超链接标签:a

<a href="http://www.baidu.com">[跳转到百度]</a><br />

• href属性:跳转到资源地址(本地资源地址/网络资源地址/指定的服务器地址)
• 不指定target属性:默认当前窗口直接打开地址

超链接的应用场景:

• 链接后台地址/本地资源地址 url :统一资源定位符
• 锚链接来使用
  在同一个html页面的使用
  a)打锚点: 定义一个标记位置 —><a name="锚点名称"></a>
  b)创建一个跳转链接—><a href="#锚点名称">跳转</a>
  不同html页面的使用
  a)在另一个页面的某个位置打锚点: 定义一个标记位置
  b)在当前页面上创建跳转标记----><a href="跳转页面地址#锚点名称">跳转</a>

表格标签:table

<table border="1" width="500px" cellpadding="0" height="500px" 
		align="center" bgcolor="pink" cellspacing="0">
		<caption>xxx学习的成绩管理</caption>
			<!-- 三行,每一行中有3个单元格 -->
			<tr>
				<th>学号</th>
				<th>姓名</th>
				<th>性别</th>
				<th>数学成绩</th>
				<th>英语成绩</th>
				<th>平均分</th>