属性 和 值

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>

第一个HTML文档的更多相关文章

  1. C# 复制幻灯片（包括格式、背景、图片等）到同/另一个PPT文档

    C# 复制幻灯片(包括格式.背景.图片等)到同/另一个PPT文档 复制幻灯片是使用PowerPoint过程中的一个比较常见的操作,在复制一张幻灯片时一般有以下两种情况: 在同一个PPT文档内复制 从一 ...

  2. C# 复制PDF页面到另一个PDF文档

    C# 复制PDF页面到另一个PDF文档 有时候我们可能有这样一个需求,那就是把PDF页面从一个PDF文档复制到另一个PDF文档中.由于PDF文档并不像word文档那样好编辑,因此复制也相对没有那么容易 ...

  3. C# 复制一个Word文档的部分或全部内容到另一个Word文档

    C# 复制一个Word文档的部分或全部内容到另一个Word文档 我最近喜欢折腾Office软件相关的东西,想把很多Office软件提供的功能用.NET来实现,如果后期能把它用来开发一点我自己的小应用程 ...

  4. Aspose.Words：如何添加另一个WORD文档中的Node对象

    原文:Aspose.Words:如何添加另一个WORD文档中的Node对象 首先看一段代码,这段代码意图从docSource中获取第一个表格,并插入docTarget的末尾: , true); doc ...

  5. Java：API文档；文档注释中的javadoc标记；官方API；自己动手给项目建一个API文档

    1.什么是API文档 在Java语言中有3种注释 //单行注释 /* 多行注释 */ /** * 文档注释 */ API(应用程序接口)文档就是用javadoc命令提取文档注释生成的,html格式,用 ...

  6. 我把阿里、腾讯、字节跳动、美团等Android性能优化实战整合成了一个PDF文档

    安卓开发大军浩浩荡荡,经过近十年的发展,Android技术优化日异月新,如今Android 11.0 已经发布,Android系统性能也已经非常流畅,可以在体验上完全媲美iOS. 但是,到了各大厂商手 ...

  7. 解析和遍历一个HTML文档

    如何解析一个HTML文档: String html = "<html><head><title>First parse</title>< ...

  8. 编写Java程序，使用 dom4j 创建一个 XML 文档，文档名为“city.xml”。注意该文档的格式和数据

    查看本章节 查看作业目录 需求说明: 使用 dom4j 创建一个 XML 文档,文档名为"city.xml".该文档的格式和数据如图所示 实现思路: 创建Java项目,添加dom4 ...

  9. 编写Java程序，创建一个 XML 文档，文档名为“hero.xml”，用于保存“王者荣耀”的英雄信息。

    查看本章节 查看作业目录 需求说明: 创建一个 XML 文档,文档名为"hero.xml",用于保存"王者荣耀"的英雄信息.英雄信息包括编号(id).姓名(na ...

  10. 基于 vite2 + Vue3 写一个在线帮助文档工具

    提起帮助文档,想必大家都会想到 VuePress等,我也体验了一下,但是感觉和我的思路不太一样,我希望的是那种可以直接在线编辑文档,然后无需编译就可以直接发布的方式,另外可以在线写(修改)代码并且运行 ...

随机推荐

  1. 前端——Bootstrap

    Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 以前自己写的html的 ...

  2. git push时报错:Updates were rejected because the tip of your current branch is behind

    出现这样的问题是由于:自己当前版本低于远程仓库版本 有如下几种解决方法: 1.使用强制push的方法: git push -u origin master -f 这样会使远程修改丢失,一般是不可取的, ...

  3. SAP 跨公司销售业务

    SAP 跨公司销售业务  http://blog.sina.com.cn/s/blog_95ac31e30102x5wh.html   分类: SAP_SD SAP 跨公司销售业务 一.业务简介 在由 ...

  4. .net 去除特殊字符

    str = Regex.Replace(str, @"<script[^>]*?>.*?</script>", "", Regex ...

  5. Java基础知识盘点（一）- 基础篇

    基本功 面向对象特征 封装.继承.多态和抽象 1.封装:给对象提供了隐藏内部特性和行为的能力.对象提供一些能被其他对象访问的方法,来改变它内部的数据. 在Java中,其访问权限有3种修饰符:publi ...

  6. webpack的css样式文件加载依赖

    1.需要两个依赖包: npm i style-loader css-loader -D

  7. 雷林鹏分享：解决CI框架的Disallowed Key Characters错误提示

    用CI框架时,有时候会遇到这么一个问题,打开网页,只显示 Disallowed Key Characters 错误提示.有人说 url 里有非法字符.但是确定 url 是纯英文的,问题还是出来了.但清 ...

  8. 多重线性回归 (multiple linear regression) | 变量选择 | 最佳模型 | 基本假设的诊断方法

    P133,这是第二次作业,考察多重线性回归.这个youtube频道真是精品,用R做统计.这里是R代码的总结. 连续变量和类别型变量总要分开讨论: 多重线性回归可以写成矩阵形式的一元一次回归:相当于把多 ...

  9. 记录几个字符串转html的帮助类，已防忘记

    html的帮助类 /// <summary> /// Represents a HTML helper /// </summary> public partial class ...

  10. Rails6使用tailwind CSS

    tailwind的特色(在Bootstrap 和vanilla Css之间) https://tailwindcss.com/docs/what-is-tailwind/ Rails6 six版本的R ...