• 第一个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>
  • 相关阅读:
    element中表单验证实例
    element中时间选择组件,设置default-value无效
    vue中,基于vue-seamless-scroll的无缝滚动实例
    element 表格多选时,修改选中行的背景色
    计算机组成原理11-DMA、数据完整性、分布式计算、大型DMP系统
    计算机组成原理10-总线、输入输出设备、I/O、机械硬盘、SSD硬盘
    计算机组成原理9-CPU组成、缓存、内存
    java基础-字符串
    SQL Server
    BG.Hive
  • 原文地址:https://www.cnblogs.com/blackout-mw/p/9327445.html
Copyright © 2020-2023  润新知