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编辑  收藏  举报