常用HTML标签学习笔记1

来源:互联网 发布:网络问政的特点 编辑:程序博客网 时间:2024/06/05 17:15

1、HTML基本框架:

<!doctype html><!-- HTML标准 H5  只能出现在第一行-->
<html>
    <head>
        <!-- 简写<meta charset="utf-8">兼容性不好 -->
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <!-- 举例:百度竞价,根据描述信息content -->
        <meta name="Keywords" content="关键字" />
        <meta name="description" content="描述 80字以内" />
        <title>title</title>
        <link href="#" rel="stylesheet" />
    </head>
    <body>

<!-- 规范:
        有闭合标签必须要闭合;
        所有名称一律小写;
        开发的时候,注意代码缩进;
        特殊符号规范使用,以分号结尾;
    -->

</body>
</html>



2、常见标签及特点

h1,h2,h3,h4,h5,h6 : H标题标签,加粗,值越大字越小;一个页面中一般来说只会出现一次h1,可以供搜索引擎进行关键词匹配。

p :段落标签,HTML中空格和换行重复使用无重叠效果。前后的元素都会被换行。

特殊符号:显示HTML中与标记冲突的符号,大于号&gt;、小于号&lt;、and符号&amp;lt、空格&nbsp;、版权号&copy;、叉&times。

strong与b标签:strong标签能被搜索引擎搜索到,不仅仅能加粗(b标签),可以写多个。

a标签:默认会有下划线,且改变颜色,鼠标指针放上有超链接;href='#'表示跳转到当前页面,光标置顶


img标签

图片格式:BMP(点阵图,占用空间大,色彩丰富)、JPEG(有损压缩,在页面当中一般都采用此格式;因为文件小,用户访问速度快)、GIF(动图,多帧动画,支持透明)、PNG(支持Alpha通道,支持透明和半透明)

属性:alt="仅供搜索引擎查看",src=“”引用本地地址或外部链接”


无序列表

<h2>无序列表</h2>
    <ul type="square">  <!-- 每个li标签前后被换行 -->
        <li>type——disc:默认,小黑圆点;square:实心方块;circle:空心圆圈;</li>
        <li>111</li>
        <li>222</li>
        <li>333</li>
    </ul>
    
    <h2>有序列表</h2>
    <ol type="666">
        <li>"i"小写罗马字符序列;</li>        
        <li>"I"大写罗马字符序列;</li>
        <li>"a"小写字母序列;</li>
        <li>"A"大写字母序列</li>
    </ol>
    
    <h2>自定义列表</h2>
    <dl> <!-- 不支持序列项标识 -->
        <dt>column title1</dt>
        <dd>data</dd>
        <dd>data</dd>
        <dd>data</dd>
        <dt>LEVEL</dt>
        <dd>level1</dd>
        <dd>level2</dd>
        <dd>level3</dd>
    </dl>

原创粉丝点击