html开发笔记08- 字体样式与颜色(标签的属性)

双标签:就是成对出现的,类似于这种 <html> </html>

单标签:就是可以单个使用的,类似于 <br> 换行标签 或 <hr>水平线标签。

标签的属性是用来定义文字或字符的 颜色、宽高、粗细、大小、等,这个是标签属性的作用。

1、每一个标签都有自己的属性,单标签和双标签都有。

2、一个标签可以有多个属性。

3、每个属性都有对应的值,值要用单或双引号引起来。

4、多个属性之间使用空格隔开。

5、属性没有顺序之分。

6、字体属性值,必须是系统可以识别的字体,一般为系统自带字体。

7、HTML5 中 font 属性已经弃用。

源代码:↓

<!DOCTYPE html>

<html lang=\”en\”>

<head>

<meta charset=\”UTF-8\”>

<!–网页抬头–>

<title>中央气象局</title>

</head>

<body>

<!–水平线的宽度是500像素,这个width就是标签属性–>

<hr width=\”500\”>

<!–下面这个是多个标签属性,多个属性之间用空格隔开–>

<font color=\”red\” face=\”黑体\” size=\”7\”>标签属性</font>

</body>

</html>

HTML介绍及标签,元素,格式(笔记8)

网络安全自学笔记8

开始学习HTML,学习资料解压到了E盘根目录

浏览器打开E:/html教学资料/html教学版/index.htm,可以全部展开学习

HTML在线手册

  • HTML表示超文本标记语言(Hyper Text Markup Language)
  • HTML文件是一个包含标记的文本文件,这些标记告诉浏览器怎样显示这个页面
  • HTML文件必须有htm或者html扩展名
  • HTML文件可以用一个简单的文本编辑器创建,例如TXT
  • HTML页面在服务端,客户端一样,和数据库没有交互,静态页面,没有漏洞

例子

  • HTML标签用来组成HTML元素
  • HTML标签两端有两个包括字符:“<”和“>”,这两个包括字符被称为角括号
  • HTML标签通常成对出现,比如<b>和</b>,前面一个是开始标签,第二个是结束标签
  • HTML标签是大小写无关的,<b>跟<B>表示的意思是一样

标签属性:

  • 标签可以拥有属性,能够为页面上的HTML元素提供附加信息
  • 通常附加给HTML元素的开始标签
  • 属性通常由属性名和值成对出现,就像这样:name=\”value\”

1、标签<body>定义了HTML页面的主体元素。使用一个附加的bgcolor属性,告诉浏览器:你页面的背景色是红色的,就像这样:

<body bgcolor=\”red\”>

背景色是红色

2、标签<table>定义了一个HTML表格。使用一个附加的border属性,你可以告诉浏览器:这个表格是没有边框的,代码是:

<table border=\”0\”>

  • HTML文档是由HTML元素组成的文本文件
  • HTML元素是预定义的正在使用的HTML标签

1、以开始标签<body>起始,终止于结束标签</body>,定义一个HTML元素,使其包含HTML文档的主体

<body>This is my first homepage.<b>This text is bold</b></body>

2、此HTML元素以开始标签<b>起始, 内容是:This text is bold,以结束标签</b>中止。<b>标签的目的是定义一个需要被显示成粗体的HTML元素

<b>This text is bold</b>

显示成粗体

3、段落元素

段落

4、标题元素由标签<h1>到<h6>定义。<h1>定义了最大的标题元素,<h6>定义了最小的

标题元素

5、换行在HTML文档中的使用

换行

6、居中属性的标题元素

居中属性的标题元素

7、水平线

插入水平线

8、隐藏的注释

隐藏的注释

9、设置背景色

背景色

1、可以怎样格式化文本

格式化文本

2、可以怎样用pre标签来控制换行和空格

预格式化文本

3、“计算机输出”标签在显示上的不同

计算机输出

4、用HTML书写一个地址

地址

5、如何处理缩写和首字母缩略

缩写和首字母缩略法

6、如何改变文字方向

文字方向

7、如何处理大段引用和小块引用

块引用

8、如何标记被删除或者插入的文本

删除和插入文字

总结:

1、初步了解HTML语言

2、学习HTML标签,元素,格式

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com

点赞 0
收藏 0

文章为作者独立观点不代本网立场,未经允许不得转载。