前端标签笔记

网页标签

<h1 align="left">标题</h1>

      如果希望发布的网页能被百度谷歌等搜索到，那么在制作时就需要编写网页的再要信息。

    <meta name="keywords" context="">  关键字

    <meta name="description  context=" ">   网站内容描述

<hr>     水平分割线

<p align=left">段落标签</p>

<hr align="left" />  水平线

<br>   换行

列表

无序列表

<ul>

    <li type="disc">内容实心圆

    <li type="circle">内容  空心圆

    <li type="square">内容   方块

    <li img src="1.jpg">符号为指定的图片

</ul>

有序列表

<ol>

    <li type="1">内容

    <li type="A">

    <li type="a">

    <li type="I">

    <li type="i">

</ol>

定义列表

<dl>

    <dt>标题</dt>

    <dd>解释文字</dd>>

</dl>

超链接

<a href="url" title="只想连接显示的文字" target="打开窗口的方式">文字</a>

指向其他页面的链接

<a href="文件.html">文字</a>

指向书签的链接

<a  name="custom"></a>

<a href="#custom">文字</a>指向上面书签

指向其他页面书签的链接

<a href="sa.html#custom">文字</a>

指向下载文件的链接

<a href="gidsa.rar">文字</a>

图像标签

<img src="图像文件名" alt="图像无法显示时，代替图像的说明文字" title="鼠标悬停时提示文字" width="" height="" border="" align="" /> align用来指定图像与周围元素的对齐方式，实现图文混排效果

用图片作为超链接

<a>

    <img  style="border:none;"/>去除图像链接边

</a>

<div>是一个块级元素，是一个容器标签，定义区域，会自动换行

    <span></span> 行级元素，不会自动换行

</div>