HTML(一）_标准通用标记语言下的一个应用html代码、css、php等相关知识。-CSDN博客

本文链接：https://blog.csdn.net/inferno_devil/article/details/96742345

1.01 HTML

超文本标记语言，标准通用标记语言下的一个应用。HTML 不是一种编程语言，而是一种标记语言，是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

1.02 html文件的基本语法

一，标记语法

html是用于描述功能的符号成为“标记”。比如,,等，都是标记，标记表示HTML文档的开始。标记在使用时必须用尖括号“<>”括起来。

单标记
只需要单独使用就能完整地表达意思，这类标记语法是：<标记名称/>
双标记
由“始标记”和“尾标记”两部分构成，必须成对使用。
始标记告诉WEB浏览器从此处开始执行该标记所表示的功能，尾标记告诉WEB浏览器在这里结束该功能。
<标记>内容</标记>
其中“内容”部分就是要这对标记施加作用的部分。

二，属性语法

属性：属性指的是标记的属性

属性语法：<标记名字属性1 属性2 属性3…>

eg:<hr size=3 align=left width="75%">

三，HTML文件的命名

注意：

1.文件的扩展名要以.htm或 .html结束。
2.文件名中只可由英文字母，数字或下划线组成。
3.文件名中不要包括特殊字符，比如空格，$。
4.网站首页文件名默认是index。htm或index.html。

四，编写HTML文件的注意事项

1.所有标记都要有尖括号括起来，浏览器就可以知道尖括号内的标记语言是HTML命令。 
2.对于成对出现的标记，同时输入起始标记和结束标记。
3.采用标记嵌套的方式可以为同一个信息应用多个标记。
	eg:<tag1><tag2>同一信息</tag2></tag1>
4.在代码中，不区分大小写。
5.任何空格，回车在代码中无效。
6.标记中不要有空格，否则浏览器可能无法识别。

1.03 HTML文件的整体结构

一，文件头部内容

 一个完整地HTML文件包括头部文件和主体文件，头部标记是成对的<head></head>,主是
成对的<body></body>

设置页面标记<br/> html文件标记在浏览器的标题栏中显示。每个HTML文件都有一个标题，用于说明文档的属性。在HTML文件中，页面标题标记<title>位于头部标记之间。

基本语法：

实例代码：

效果如下：
2.设置基底网址
```
 基底网址用于设定浏览器中文件的路径，<base>标记一般用于设置文件的URL地址。
一个HTML文件只能有一个<base>标识，该标记必须放于头部文件中。
```
基本语法：

href用于设置网页文件链接的文件,target用于设置页面显示的目标窗口。

实例代码：

效果：

3.定于元信息
```
 在HTML文件中，<meta>标记通过一些属性来定义文件的信息，比如文件的关键字，
作者信息，网页过期时间等。HTML文件的头部文件可以有多个<meta>标记，<meta>不是成对标记。
```
基本语法：

标记中的http-equiv属性用于设置一个http的头域，取值由content属性决定，name属性用于设置元信息出现标识，content属性用于设置元信息出现的内容。

4.设置页面关键字keywords

基本语法：
在这里插入图片描述
keywords用于说明定于的是关键字，value用于说明为该页定义的关键字，可以为多个关键字。

实例代码：
在这里插入图片描述

二，主体内容

 在HTML文件中，主体内容被包含在成对的<body></body>标记之间，同时<body>标记
也有很多本身的属性，例如：设置页面背景，设置页面边距等。

设置页面背景bgcolor

基本语法

利用标记中的bgcolor属性，可以设置网页的背景颜色。

实例代码：

效果：
设置网页边距 topmargin,leftmargin,rightmargin,bottommargin
```
 在HTML文件中，可以设置页面边距，通过设置页面边距属性的属性值来设置页面
显示内容与浏览器的距离，使显示的内容更加美观。
```
基本语法：

设置到顶端的距离在左边的距离到右边的距离到底边的距离

实例代码：

效果：

设计正文颜色text

 在HTML文件中，利用text属性可以给页面中午连接的文字设置颜色。

基本语法：
在这里插入图片描述

  在<body>标记中，利用text属性设置文档的颜色时，还可以进行其他的设置，
 例如：背景，字体等。

实例代码：
在这里插入图片描述
效果：