zoukankan      html  css  js  c++  java
  • 第一个HTML文档

    属性 和 值

    1、作用
    用来修饰元素
    ex:让 p 标记的文本水平居中对齐
    <p>Hello World</p>
    2、语法
          1、属性的声明必须位于开始标记里
               <标记 属性></标记>
          2、属性都可以有值,属性和值得表现方式 属性="值"
               <标记 属性="值"></标记>
          3、一个元素中允许出现多属性和值,中间用 空格 隔开,并且排名不分先后
               <标记 属性="值" 属性="值"></标记>
                      ex:给 一对 p 标记 设置 align属性,值为 center
                                 <p align="center"></p>
    3、标准属性

    每个元素都有自己的特有属性。有些属性是所有元素都支持的,称为标准属性
    1、id:元素在页面中的唯一标识
    2、title:鼠标移入到元素时所提示的文本内容
    3、class:元素引用的类选择器(与样式相关)

    4、style:元素定义的内联样式(与样式相关)

    注释

    1、作用 在编辑文档下可见,在浏览器展示页面时并不显示的内容
    2、语法
    <!-- 注释内容 -->
        注意
           1、注释不能嵌套                    <!--<!-- 这是注释 -->-->错误

           2、注释不能位于<>中            <p<!-- 注释内容 -->>错误

    文档结构

           1、文档类型声明         作用:指定使用的HTML版本和风格
                    <!doctype html>
    2、html页面
                  <html></html>
    位于 doctype 之下
    包含以下两对子元素
    1、<head></head>
    网页头部内容
    2、<body></body>
    网页主体
    3、html页面-<head>
    1、作用
    定义页面全局信息
    2、包含以下子元素
          1、<title>标题</title>网页标题
           2、<meta>定义页面元数据
                <meta charset="utf-8">
    注意:设置网页编码的同时,保证网页文件的编码也为utf-8
           4、html页面-<body>网页显示的主体内容
                 属性:
                         1、text            控制网页文本的颜色
                         2、bgcolor     控制网页的背景颜色

    练习:创建一个文档,将其后缀名改为.html,设置标题为“我的第一个html练习”,网页的编码格式为uft-8,页面显示文字“我的第一个html练习内容”,黑色背景颜色,黄色文本颜色

    <!doctype html>
    <html>
        <head>
           <title>我的第一个html练习</title>
            <meta charset="utf-8">
         </head>
    
    
         <body text="yellow"  bgcolor="black">
    <p align="center">
    我的第一个html练习内容</p>
         </body>
    
    </html>
  • 相关阅读:
    [转]ORACLE 异常错误处理
    Oracle 返回结果集的 存储过程
    [转]Oracle字符串拼接的方法
    [转]Install App to SD
    [转]重新分配内置存储空间 android手机
    Oracle SQL Developer 操作
    [转].net 调用oracle存储过程返回多个记录集
    [转]使用ADO.NET访问Oracle存储过程
    [转]Oracle ORA-01403: no data found Exception SYS_REFCURSOR
    [转]Oracle开发专题之:%TYPE 和 %ROWTYPE
  • 原文地址:https://www.cnblogs.com/blackout-mw/p/9327445.html
Copyright © 2011-2022 走看看