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 />；

换行标记：<br />；

注释语句：<!-- 语句 -->；

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

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

锚链接：<p id="sd"></p> <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：一直滚下去；

双标签：<p>段落标签</p>；

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

　　　　 <font>文本标签</font>；

　　　　 <strong>加粗</strong>；

　　　　 <em>倾斜</em>；

　　　　 <del>删除线</del>；

　　　　 <ins>下划线</ins>；

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

html 特殊符号标记：

　　　　空格符：&nbsp;
　　　　小于号<：&lt;
　　　　大于号>：&gt;
　　　　和号&：&amp;
　　　　人民币￥：&yen;
　　　　版权：&copy;
　　　　注册商标：&reg;
　　　　正负号：&plusmn;
　　　　乘号：&times;
　　　　除号：&divide;
　　　　平方：&sup2;
　　　　立方：&sup3;

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>

 

 

posted @ 2018-03-29 16:29  叶子玉  阅读(216)  评论(0)  编辑  收藏  举报