zoukankan      html  css  js  c++  java
  • HTML 入门基础知识 及简单示例

    HTML  :(Hyper Text Markup Language)超文本标记语言

    html基本写法:

    <html>    --开始标签

          <head>

            网页上的控制信息;  -- utf-8:国内使用的一种解码方式

          <title>页面标题</title>

          </head>

          <body>

            页面显示的内容

          </body>

    </html>    --结束标签

        

    body的属性:

        bgcolor 页面背景色

        text 文字颜色

        topmargin 上页边距

        leftmargin 左页边距

        rightmargin 右页边距

        bottomargin 下页边距

        background 背景壁纸

    1.1、一般标签

    1.1.1、格式控制标签

        <font color="" face="" size=""></font> 控制字体;color="##FF0000";face,字体;size,字体大小。

        <b></b> 字体加粗

        <i></i> 倾斜

        <u></u> 下划线

        <strong></strong> 字体加粗(强调,语气加强用)

        <em></em> 字体倾斜(强调,语气加强用)

        <center></center> 居中

        <br> 或<br /> 相当于回车

        &nbsp;表示空格 也可以在设计页面中按ctrl+shift+space

     

    1.1.2、内容容器标签

        <h1></h1>……<h6></h6> 标题(会自动换行)。HTML标题(Heading)是通过<h1> - <h6> 等标签进行定义的。

        <p></p> 段落标签(段落之间空行)

        <div></div> 层标签(默认占一行)

        <span></span> 层标签(默认用多大空间占多大空间)

     

        <ol type="1">    --有序列表,序号为1,2,3……,引号中可以更改序号形式

            <li>内容</li>

            <li>内容</li>

        </ol>    --上面“ol”改为“ul”则为无序列表

     

    “../”    表示上级目录

    “./”     表示当前目录

    相对路径:从当前页面开始查找。

    绝对路径:从网站的根开始查找。  “/”,代表网站的根。 

      

    1.2、常用标签

    超链接标签

        <a href="超链接地址" target=“_blank”>超链接的文字</a>     --href(hyperlink reference);_blank是在新窗口打开。

        第一步:做锚点的标签。<a name=""></a>

    第二步:做锚点链接。<a href="目标链接的name的值"></a>

     

    图片标签

        <img src="图片地址" alt="文字" width="" height="" />     --高跟宽设置一个即可,显示图片会按比例缩放。alt在图片无法加载时,显示文字,还可帮助搜索引擎搜索。

     

  • 相关阅读:
    欧拉回路 定理
    UESTC 1087 【二分查找】
    POJ 3159 【朴素的差分约束】
    ZOJ 1232 【灵活运用FLOYD】 【图DP】
    POJ 3013 【需要一点点思维...】【乘法分配率】
    POJ 2502 【思维是朴素的最短路 卡输入和建图】
    POJ 2240 【这题貌似可以直接FLOYD 屌丝用SPFA通过枚举找正权值环 顺便学了下map】
    POJ 1860【求解是否存在权值为正的环 屌丝做的第一道权值需要计算的题 想喊一声SPFA万岁】
    POJ 1797 【一种叫做最大生成树的很有趣的贪心】【也可以用dij的变形思想~】
    js 实现slider封装
  • 原文地址:https://www.cnblogs.com/hcx999/p/5749831.html
Copyright © 2011-2022 走看看