11.21,11.22HTML笔记整理

1.锚<a>

可用于创建超级链接，链接到同一个页面的不同位置等
用法：

创建超级链接<a href="url" target="_top _blank ">
命名锚<a name="">   创建指向该锚的链接<a href="#">

2.图像

用法：
<img src="url"width="" height="">    （ src意为源属性）
1）<img>为空标签，只包含属性，没有闭合标签
2）可加替换文本属性 alt，替换文本告诉读者失去的信息
3）图像的对齐align="bottom middle top"浮动align="left right"
4）图像作为链接
5）创建图像映射，在图像中有供点击区域的超链接

属性<img src="url" usemap="#mapename">

<map name="">
<area
shape="circle"
coords="180,139,14"
href ="url"
target =""
alt="" />

</map>

6)把图像变为图像映射
<a href="/example/html/html_ismap.html">
<img src="/i/eg_planets.jpg" ismap />
</a>

3.块元素block level element和内联元素inline element
浏览器显示时通常会以新行来开始或结束
不以新行开始
HTML div元素
块级元素，用于组合其他HTML元素的容器
可定义分区或节
<div style="color:blue">
  <h3>This is a header</h3>
  <p>This is a paragraph.</p>
</div>

span元素
内联元素，用于组合文档中的行内元素
4.列表

无序列表
<ul type="disc" "circle" "square">
<li></li>
......
<li></li>
</ul>
有序列表
<ol start="" type="A" "a" "I" "i">
<li></li>
......
<li></li>
</ol>
嵌套列表
定义列表
<dl>
<dt><dd>
</dl>

 

转载于:https://www.cnblogs.com/QiLF/p/7877544.html