常用HTML标签学习笔记1

xiaoxiao2021-02-27  108

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中与标记冲突的符号,大于号>、小于号<、and符号&lt、空格 、版权号©、叉×。

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>

转载请注明原文地址: https://www.6miu.com/read-16004.html

最新回复(0)