HTML学习-基本概念

最新推荐文章于 2023-08-08 16:43:19 发布

jiadoudoudou

最新推荐文章于 2023-08-08 16:43:19 发布

阅读量580

点赞数

本文链接：https://blog.csdn.net/jiadoudoudou/article/details/48210115

版权

1、什么是HTML

HTML的英文全称是Hyper Text Markup Language,它是网页超文本标记语言，也是全球广域网上描述网页内容和外观的标准。

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

HTML是一款标记语言，本身不能显示在浏览器中。标记语言经过浏览器的解释和编译，才能正确地反映HTML标记语言的内容。

2、HTML标签

HTML最基本的语法是<标记符>内容</标记符>。标记符通常是成对出现的。分开始标签和结束标签，结束标签比开始标签多一个"/"

网页中每一个内容在浏览器中的显示，都要存放到各标签中。

标签与标签之间可以是嵌套的，但先后顺序必须保持一致，如<div>里面嵌套<p>，那么</p>必须在</div>前面。

HTML标签不区分大小写，但建议小写。

3、HTML文件结构

一个HTML文件的基本结构如下：

<html>文件开始标记
<head>文件头开始的标记
...文件头的内容
</head>文件头结束的标记
<body>文件主体开始的标记
...文件主体的内容
</body>文件主体结束的标记
</head>文件结束标记

<html>表示网页文档的开始，称为根标签，所有的网页标签都在<html></html>中。

<head>表示文档的头部信息，一般包括标题和主题信息。

<body>表示文档的主体区域，网页要显示的内容都放在这个标签内。

A、HTML头部标记head

head标签用于定义文档的头部，它是所有头部元素的容器。头部元素有<title>、<script>、<style>、<link>、<meta>等标签，在head部分的内容是不会直接在网页中显示的。

<title>：网页标题内容，每个网页都应该有一个独一无二的title

a、设置页面关键字：

name为属性名称，这里属性为keywords，也就是设置网页的关键字属性，而在content中则定义具体的关键字

b、设置页面说明：

name为属性名称，这里属性为description，也就是将元信息属性设置为页面说明，在content中定义具体的描述语言

c、定义编辑工具：

d、设置作者信息：

e、设置网页文字及语言：

http-equiv用于传送http通信协议的标头，而在content中才是具体的属性值。charset用于设置网页的内码语系，也就是字符集的类型。

国内常用是GB码，charset往往设置为gb2312，即简体中文。英文是ISO-8859-1字符集，此外还有其他字符集。

f、设置网页的定时跳转，刷新：

refresh表示网页的刷新，content中设置刷新的时间和刷新后的链接地址，时间和链接地址之间用分号相隔。默认情况下，跳转时间以秒为单位。

B、网页的主体标记body

网页的主体部分包括要在浏览器显示处理的所有信息。在网页的主体标记中有很多的属性设置，包括网页的背景设置、文字属性设置和链接设置等。

在<body>和</body>标签之间的内容是网页的主要内容，如<h1>、<p>、<a>、<img>等网页内容标签。

a、设置网页背景色

bgcolor的值可以是一个已命名的颜色，也可以是一个十六进制的颜色值，如“blue”或者“#FF99FF”

b、设置网页背景图片

background属性可以将图片设置为背景，还可以设置背景图片的平铺方式、显示方式等。图片的地址可以是相对地址，也可以是绝对地址。默认情况下，用户可以忽略此属性，这时图片会按照水平和垂直的方向不断重复出现，直到铺满整个页面。

c、设置文字的颜色

在没有对文字的颜色进行单独定义时，这一属性可以对页面中所有的文字起作用。text值可以是一个已命名的颜色，也可以是一个十六进制的颜色值，如“blue”或者“#FF99FF”。

d、设置修改链接文字的颜色

在默认情况下，浏览器以蓝色作为超链接文字的颜色。link属性的设置与前面几个设置颜色的参数类似，都是与body标签放置在一起，表明它对网页中所有未单独设置的元素起作用。<body link="颜色" alink=“颜色”>使用alink可以设置正在访问的文字颜色，单击链接的文字时，文字已经改变了颜色。<body link="颜色" alink="颜色" vlink="颜色">使用vlink可以设置访问后的链接文字的颜色，单击链接的文字后，文字变成vlink设置的颜色值。

e、设置边距值

margin用于设置边距值，默认情况下，边距的值以像素为单位。topmargin和leftmargin分别设置上边距和左边距。