HTML 基础知识汇总（一）

头部：

<head>

    <!-- 国际通用编码 -->

    <meta charset="UTF-8">

    <!-- 超链接优化写法，让所有的超链接都在新窗口中打开 -->

    <base target="_blank">

    <!-- 关键字 -->

    <meta name="keywords" content="_,_,_,">

    <!-- 网页描述，给搜索引擎读，seo优化越好排名越靠前-->

    <meta name="description" content="">

    <!-- 屏幕宽度自适应 -->

    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

    <!-- 外部链接样式表文件 -->

    <link rel="stylesheet" href="1.css">

    <!-- 小图标 -->

    <link rel="icon" href="">

    <title>Document</title>

</head>

单标签：注释，换行，水平线标签，单标签有/（结束标志）；

水平线标记：<hr />；

换行标记： ；

注释语句：；

图像标记：<img src="url" alt="图像不能显示时的替换文本" title="鼠标悬停时显示的内容" width="设置图像宽度" height="设置图像高度" />；

超链接：<a href="指定链接目标的url地址" target="目标窗口的弹出方式">文本/图形</a>；
　　　　target：_self:默认值 _blank:在新窗口打开；
　　　　链接优化写法：<base target="_blank">:让所有的超链接都在新窗口打开；

锚链接： <a href="#sd">回到顶部</a>；

空链接：<a href="#"></a>；

下划线标签：<ins></ins>；

音乐标签：<embed src="1.mp3" hidden="true">；

滚动：页面自动滚动效果：<marquee behavior="滚动方式" direction="滚动方向" height="300px" backgroundcolor="orange"><img src="1.jpg" alt="" /></marquee>；
　　　　behavior:
　　　　alternate:在两端之间来回滚动
　　　　scroll:由一端滚动到另一端，会重复
　　　　slide:由一端滚动到另一端，不会重复；
　　　　direction:
　　　　down:向下滚动 left/right/up；
　　　　loop:滚动次数 -1：一直滚下去；

双标签：段落标签；

<h1>标题标签</h1>；

文本标签；

加粗；

倾斜；

<del>删除线</del>；

<ins>下划线</ins>；

相对路径：
　　　　文件和图片：
　　　　在同一目录：url直接写文件名；
　　　　在上一级：../图片名；
　　　　在下一级：文件夹名/图片名；

html 特殊符号标记：

空格符： 
　　　　小于号<：<
　　　　大于号>：>
　　　　和号&：&
　　　　人民币￥：¥
　　　　版权：©
　　　　注册商标：®
　　　　正负号：±
　　　　乘号：×
　　　　除号：÷
　　　　平方：²
　　　　立方：³

html 列表标签：

无序列表：

<ul type="disc">

    <li>列表项1</li>

    <li>列表项2</li>

    <li>列表项3</li>

    <li>列表项4</li>

    <li>列表项5</li>

</ul>

<!-- type属性常用值：

默认值：disc（实心圆）

方块：square

空心圆：circle -->

有序列表：

<ol type=1>

    <li>列表项1</li>

    <li>列表项2</li>

    <li>列表项3</li>

    <li>列表项4</li>

    <li>列表项5</li>

</ol>

<!-- type属性常用值：

type=1(1.2.3);

type=a(a.b.c);

type=A(A.B.C);

type=i(i.ii.iii);

-->

自定义列表：

<dl>

    <dt>帮助中心</dt>

    <dd>购物指南</dd>

    <dd>订单操作</dd>

    <dd>账户管理</dd>

</dl>

巴特西

HTML 基础知识汇总（一）

最新文章

热门文章