HTML页面与基本标记

来源：互联网发布：评价莫言诺贝尔知乎编辑：程序博客网时间：2024/05/21 12:40

HTML是Hypertext Markup Language(超文本标记语言)的缩写，它是构成web页面(page)的主要工具，是用来表示网上信息的符号标记语言。
HTML文档由文本和HTML标记组成，通常以.html或者.htm为文本扩展名(如index.html)
浏览器负责翻译HTML文档中的标记，并将HTML文档显示为网页。
HTML标记是由浏览器负责执行的，不同的浏览器中网页的显示效果可能不同
大多数浏览器不完全支持HTML的所有特性，每一种浏览器都可能会有一些特有的HTML标记和属性，这些标记和属性可能不会被其他的浏览器识别。这些由软件公司开发的属性和标记被称为HTML扩展，而不是标记的一部分。

HTML标记的基本格式:

<标记>文件内容</标记>

某一些标记还可以包括一些属性:

<标记名称: 属性1 属性2 属性3...>

用来注释的标记:

基本结构如下:

<html><head>网页的标题和属性</head><body>文件主体,要显示的内容</body></html>

起始标记<html></html>

<html>标记用于HTML文档的最前面，用来标记HTML文档的开始

</html>则是放在HTML文档的最后面，用来标记HTML文档的结束

必须配对使用

头文件<head></head>

<head></head>标记构成HTML文档的开头部分。在此标记之间可以包含其他标记如

主体标记<body></body>

<body></body>标记对之间的内容是HTML文档的主要部分，在此标记对之间可包含众多的标记和信息。

<body>标记可设置如下属性:bgcolor="颜色"(背景颜色) background="图片地址"(背景图片)

标题标记<hn>

一般文章都有标题、副标题、章和节等结构，HTML中也提供了相应的标题标记<hn>,其中n为标题等级。

HTML提供了六个等级的标题，n越小，标题的字号越大。

<hn>可以有对齐属性:align=#

#表示:left标题居左;center标题居中;right标题居右

段落标记和换行标记和 

在文章的排版过程中，段落与段落之间是有间隔的，HTML中提供了标记来实现;

与<hn>标记一样，可以有align属性

标记可以创建一个回车换行

预排版标记<pre>

<pre>标记允许保留你在原代码中输入的空格和回车,使用方法如下：

<body><p><pre> 编号      名称         价格(元)001     语文教材        20.00</pre></p></body>

字体标记

face设置字体的字形 size设置字体的大小，其值可以是绝对或相对，HTML有七种字号，1号最小，七号最大，缺省字号为三;相对值可以表示为+2、+3等

color可以设置字体颜色，可以用red、blue、green等值，也可以采用六位十六进制，分别指定红、绿、蓝的值。

字体风格

字体风格可以分为物理风格和逻辑风格；

指定物理风格的常用标记有:

黑体、斜体、下划线、<s>删除线

指定逻辑风格的常用标记有:

强调 较小、<big>较大、上标、下标

<html><head><title>设置字体风格</title></head><body><p align="center">< b>黑体</b></p><p align="center"><i>斜体</i></p><p align="center"><u>下划线</u></p><p align="center"><tt>打字机风格</tt></p><p align="center"><em>强调</em></p><p align="center"><strong>加重</strong></p></body></html>

图像标记<img>

用法<img src="图片的路径一般用相对路径" width="图片宽度" height='图片高度' alt=“描述该图片的文字”>

阅读全文

0 0