1.图片 <img src="URL" width="..." title="..." alt="..."/>
其中,src是必须属性,代表存储图像存放的路径,alt是指当图片不能够正常显示时给予客户的提示,title指当光标划过图片时显示的内容。
路径是图片存储的位置。路径分为绝对路径和相对路径。举一个简单的例子,北京市朝阳区XX街道XX号就是绝对路径,而相对路径可能就是诸如在XXX的隔壁。
相对路径:1.当图片文件和html文件位于同一个文件夹时,只需要输入图片的名称
2.当其在html的下一级文件夹中,输入文件夹和文件名
3.当其在html的上一级文件夹中,在文件夹之前输入“../”
绝对路径:“盘符\文件夹\...\文件名”
2.超链接 <a herf="" target="" title=""></a>
herf属性是用来链接URL的,同样的,他也是一个必须属性。链接可分为外部链接和内部链接,外部链接直接输入网址即可,如百度、谷歌等,内部连接指的就是本地链接,其必须加后缀,如test1.html。target代表新窗口的位置,可填入_blank(在新的窗口打开)和_self(在本窗口打开或者说覆盖本窗口),其中默认在本窗口打开。
3.锚点
当遇到一篇较长的文章时,比如一本书、一个人的传记,需要快速的定位到想要浏览的章节,这时就需要定义锚点链接了。创建锚点同样使用a标签。<a herf="#锚点名">链接名称</a>,再利用标注跳转到目标位置,此时有两种方式:(1)id="锚点名" (2)<a name="锚点名"><a/>
<h2><a href="#shuidiaogetou">HTML网页</a></h2>
<a name="shuidiaogetou">明月几时有,</a><br/>
或者
<h2><a href="#shuidiaogetou">HTML网页</a></h2>
<h5 id="shuidiaogetou">HTML网页</h5>
4.格式标签
- <address></address>地址
定义文档或文章的作者联系信息。比如一般在一个网页最后会出现地址和联系方式等,这个标签带有语义,以斜体显示,简单明了。示例如下:
- <pre></pre> 预文本格式标签
被包含在pre元素中的文本会保留空格和换行符,示例如下:
- <em></em>着重字 <del></del>删除字 <small></small>小号字 <sup></sup>上标字 <sub></sub>下标字 <ins></ins> 插入字,示例如下:
5.块级元素和行内元素
块级元素 | 行内元素 |
独占一行 | 在同一行显示 |
默认宽度100% | 由内容撑开 |
可设置宽高 | 不可设置宽高 |
可设置四个方向 | 只可以左右不可上下 |
默认的display是block | 默认的display是inline |
可包含块级元素和行内元素 | 一般只包含行内元素和文本 |
常见的有hn,div | 常见的有a,em |