• 学习标签属性1


    link标签是引入一个样式表,定义文档与外部资源的关系,最常见的用途是链接样式

    书写格式:<link rel="stylesheet" type="text/css" href="/html/csstest1.css">

    rel="stylesheet"

    rel是relationship的缩写,关系的意思,他描述了这个link标签引入的资源与当前文件的关系,stylesheet意为样式表,说明了引入个文件是当前的html的样式表。

    type(类型)="text/css"

    它表示了浏览器的解析方式,代表了这个引入的资源要以css文本的方式来解析。

    href="/html/csstest1.css"规定被连接文档的位置

    link标签在学了CSS后会经常用到。

     

    scrip标签是引入一个JavaScrip。用于定义客户端的脚本,比如JavaScript。script元素既可以包含脚本语句,也可以通过src属性指向外部脚本文件。

    通过src引入外部脚本

    <script type="text/javascript" src="/JS/jquery.min.js"></script>注意,它是闭合标签。

    在script标签中写脚本

    <script type="text/javascript">     type="text/javascript"告诉浏览器这是JavaScript脚本

      alert(这里是弹出框);

    </script>

    学习JavaScript会详细讲解。


    style标签引入CSS样式,用于为html文档定义样式信息,在style中,可以规定在浏览器中如何呈现HTML文档。

    给html添加样式时可以写在style中。

    <style type="text/css">

      ...

    </style>
    一个完整的网页分三部分:结构、样式、行为。学习html主要用来写页面的结构,CSS写页面的样式(装修的作用),JavaScript规定行为。

    body元素定义文档的主题,所有用户可直接看到的元素都在这里。

    常见属性:background、bgcolor

    background规定文档的背景图像,示例:

    <html>

      <body background="/i/eg_bg_04gif">(background后面是地址)

        <hi>...</h1>

        <p>...</p>

      </body>

    </html>

    bgcolor规定文档的背景颜色。

    background和bgcolor可以一起来设置的,但它以background为准,两个都加上后刷新页面,可以看到背景颜色。

    body有许多属性,但是这些属性不再被推荐使用。原因是这些都可以用样式取代,做到结构样式相分离。(就是写样式的时候通常用CSS来写)所以上面的bgcolor,background尽量用样式表来写

    h标签拥有align属性,他有如下几个常用值:

    left、center、right、justify 两端对齐。

    <hr>标签,在html文档中创建一条水平线可以在视觉上将文档分割成各个部分,他可以设置align、width(定义水平线的宽度)、size(指定高度)属性。

    示例:使水平线在页面中间显示,他的宽度为页面的50%

    <html>

    <body>

      <hr align="center" width="50%"/>

      <p>不赞成使用align属性,请使用CSS代替。</p>

    </body>

    </html>

    示例--高度为50像素的水平线

    <html>

    <body>

      <p>普通的水平线</p>

      <hr/>

      <p>高度为50像素的水平线</p>

      <hr size="50%"/>

    </body>

    </html>

    <!--...-->注释标签

    很好的沟通方式(快捷键:  Ctrl+/)

  • 相关阅读:
    python3 练习题 day04
    python3 装饰器
    python3 生成器和生成器表达式
    python3 列表/字典/集合推导式
    python3 迭代器
    python3 day04 大纲
    ES6 的数值扩展
    ES6中的解构赋值
    ES6中 let与const 的区别
    react的基本配置安装及使用babel
  • 原文地址:https://www.cnblogs.com/1111duguxiaoyu/p/6126938.html
Copyright © 2020-2023  润新知