HTML一些标签知识

来源：互联网发布：淘宝透明下拉栏编辑：程序博客网时间：2024/04/30 09:31
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"        "http://www.w3.org/TR/html4/loose.dtd"><html><head>    <meta charset="UTF-8">    <title>Title</title></head><body><h1>规范：标签必须关闭，标签名及属性需要小写，属性值要用双引号引起来，标签对不能交叉嵌套。</h1>        <p>常用的标签</p><!上面的头文件引用是html4的><ol>    <li>        行级：按照文本原来的模式延续一行接着下去的<br />        br就是行级的，表示换行<br/>        img表示图片<img src="c.jpg" alt="如果图片找不到就显示alt" title="图片的说明">src属性表示图片的地址<br/>        span范围标签，表示一定范围之内的内容需要显示的格式<span style="font-size: 30px;">这块的字体变大了</span><br/>        斜体1：<em>em标签</em>。斜体2：<i>i标签</i>        粗体：<b>b标签 粗体1</b>|<strong>strong标签 粗体2</strong><br/>        删除线：<del>del 标签 原价：100</del>|现价：500<br/>        超链接：A标签&lt;a href='表示连接到页面的地址' target='目标打开方式'&gt;超链接的内容&lt;/a&gt;        <a href="work1.html" target="_blank">作业内容</a>        路径问题？_top,_blank,_parent,_self<br/>        <span style="color:red;">绝对路径|相对路径</span>        <a href="http://img1.gtimg.com/sports/pics/hv1/56/76/1916/124607336.jpg" target="_blank">作业内容</a>        <!--localhost是可以引用的， http://localhost:63342 指向的是你创建的项目的根目录的上一级目录，        是webstorm创建项目时配置的服务器-->        <a href="E:\WebstormProjects\Study\20161127Day01_html\work1.html" target="_blank">bbb</a>        <a href="C:\Users\Administrator\Desktop\c.jpg"target="_blank">aaa</a>        <a href="http://localhost:66342/WebstormProjects/Study/20161127Day01_html/work1.html" target="_blank">ddd</a>        <a href="work1.html" target="_blank">ccc</a>        附加内容：/在服务器中表示服务器的根目录        <!--返回上一级的上一级-->        ../../    </li>    <li>        <hr/>        块级：上下换行的标签<br/>        html4,5块级的作用用来进行布局        <p>p 段落标签</p>        <h1>h1-h6 标题标签  从大到小的</h1>        三个列表：ol有序列表,ul无序列表(做一级，二级菜单的),dl定义列表标签(图文混搭页面)        <ol type="i">            <li>A</li>            <li>B</li>            <li>C</li>        </ol>        <ul>            <li>A</li>            <li>B</li>            <li>C</li>        </ul>        <dl>            <dt>dt首行不缩进</dt>            <dd>dd首行缩进2个字符</dd>        </dl>        <div>层</div>        表格：table        <table border="1" align="center" cellpadding="20" cellspacing="10" width="300px" height="300px">            <caption align="bottom">表的标题</caption>            <tr>                <td>cell表示单元格</td>                <td>cellpadding单元格中的填充内容到单元格边线的距离</td>                <td>cellspacing单元格之间的距离</td>            </tr>            <tr>                <td>4</td>                <td>table中的caption标签表示表的标题</td>                <td>6</td>            </tr>            <tr align="center">                <td>表格的合并，使用colspan,rowspan</td>                <td>8</td>                <td>9</td>            </tr>        </table>    </li>    <li>符号：&nbsp;空格</li></ol><br/><br/><br/><br/><br/></body></html>
阅读全文
0 0