字体样式标签
加粗:<strong>...</strong>
斜体:<em>...</em>
<!DOCTYE html>
<html>
<head>
<meta charset = "utf-8">
<title>字体样式标签</title>
</head>
<body>
<strong>徐志摩 任务简介</strong>
<p>
<em>1910</em>年入"杭州"学堂<br/>
<em>1918</em>年赴美国克拉学习银行学<br/>
<em>1921</em>年开始"创作"新诗<br/>
<em>1922</em>年返回后在报刊上发表大量诗文<br/>
<em>1927</em>年参加创办新月书店
<br/>
<br/>
kb11版权所有©
</p>
</body>
</html>
注释和特殊符号
特殊符号 | 字符实体 | 示例 |
---|
空格 |  ; | <h1>徐志摩 简介<h2> |
大于号(>) | >; | 如果时间>晚上六点,就坐车回家 |
小于号(<) | <; | 如果时间<早上七点,就走路去上学 |
引号(") | "; | W3C规范中,HTML的规范中必须用成对的"引起来 |
版权符号@ | ©; | ©2003-2013北大青鸟 |
图像标签
<img src="path" alt="text" title="text" width="x" height="y">
属性 | 含义 |
---|
src | 图像地址 |
alt | 图像的代替文字 |
title | 鼠标悬停提示文字 |
width | 图像宽度 |
height | 图像高度 |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>图片</title>
</head>
<body>
<img src="file:\\\C:\Users\Administrator\Desktop\timg.jpg" alt="未显示" title="点我去百度">
</body>
</html>
链接标签
超链接
<a href="path" target="目标窗口位置">链接文本或图像</a>
属性 | 含义 |
---|
href | 链接路径 |
target | 链接在哪个窗口打开,常用值:_self、_blank |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>超链接</title>
</head>
<body>
<a href="http://www.baidu.com">点我去百度</a>
<hr/>
<a href="http://www.baidu.com">
<img src="file:\\\C:\Users\Administrator\Desktop\timg.jpg" alt="未显示" title="点我去百度">
</a>
</body>
</html>
锚链接
1.从A页面的甲位置跳转到本页中的乙位置
2.从A页面的甲位置跳转到B页面中的乙位置
<a name="marker">乙位置</a> 创建跳转标记
<a href="#marker">甲位置</a> 创建跳转链接
创建跳转标记
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>锚链接</title>
</head>
<body>
<a name= "m1">锚1</a>
<p>
<img src="file:\\\C:\Users\Administrator\Desktop\timg.jpg" alt="未显示" title="点我去百度" width="100%">
</p>
<a name= "m2">锚2</a>
<p>
<img src="file:\\\C:\Users\Administrator\Desktop\timg.jpg" alt="未显示" title="点我去百度" width="100%">
</p>
<a name= "m3">锚3</a>
<p>
<img src="file:\\\C:\Users\Administrator\Desktop\timg.jpg" alt="未显示" title="点我去百度" width="100%">
</p>
</body>
</html>
创建跳转链接
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>锚链接</title>
</head>
<body>
<a href="target.html/#m1">去往锚1</a>
<a href="target.html/#m2">去往锚2</a>
<a href="target.html/#m3">去往锚3</a>
</body>
</html>