zoukankan      html  css  js  c++  java
  • 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>

    你必须穷尽一生磨练技能,这就是成功的秘诀,也是让人家敬重的关键。
  • 相关阅读:
    Network (poj1144)
    C. Hongcow Builds A Nation
    ZYB loves Xor I(hud5269)
    D. Chloe and pleasant prizes
    Game(hdu5218)
    约瑟夫环的递推方法
    Misaki's Kiss again(hdu5175)
    Exploration(hdu5222)
    B. Arpa's weak amphitheater and Mehrdad's valuable Hoses
    C. Arpa's loud Owf and Mehrdad's evil plan
  • 原文地址:https://www.cnblogs.com/knuzy/p/8670663.html
Copyright © 2011-2022 走看看