HTML介绍及运行原理

来源：互联网发布：淘宝和拼多多哪个货真编辑：程序博客网时间：2024/05/08 07:41

1、 Html是什么：

Html 是超文本标记语言，主要用于做网页，可以在网页上显示文字、图像、视频、声音。

<inputtype=”text” name=”xxx”/>

HTML的结构包括头部（head）、主体（body）两部分，其中头部描述浏览器所需的信息，而主体部分则包含所要说明的具体内容。

Ø 标记=元素

Ø Html只能做静态网页，不能做动态网页

Ø 网页分为静态网页（Html）、动态网页（php/jsp/asp/asp.net）

Ø 静态网页：随着html代码的生成，页面的内容和显示效果就基本上不会发生变化了，除非你修改页面代码

Ø 动态网页：页面代码虽然没有变，但是显示的内容却是可以随着时间、环境或者数据库操作的结果而发生改变的网页，可以交互的网页属于动态网页

2、 Html的运行原理：

Html有两种运行方式：

（1）本地运行：直接用浏览器打开

（2）远程访问：通过网站服务器浏览，以http的协议方式去打开，有网络交互

3、 Html文件的基本结构：

<!--<>中就是标记--><!--这是注释符号--><!--html 表示这是一个html文件--><html><!--head 表示头--><head><!-- 解决html在浏览器中显示乱码问题,以下两句选其一 --><!--meta属性用于说明页面使用何种字符集显示，在国内我们的编码一般是gbk码或gbk2312码，俗称国标码utf-8码具有最好的兼容性，一般用utf-8码注意，我们的网页本身的编码应当和content-type 指令的编码要一致，否则会乱码--><!--meta http-equiv="Content-Type" content="text/html; charset=gb2312"--><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--title 表示这是标题--><title> 标题：HTML的基本结构示例 </title></head><!--body 表示这是主体内容部分--><!--文字颜色属性：text --- 非可链接文字的色彩link --- 可链接文字的色彩alink --- 正被点击的可链接文字的色彩vlink --- 已经点击(访问)过的可链接文字的色彩--><body text="yellow" alink="red"><!--这是内容--><!-- body中内容基本结构：<元素  属性1=“属性值”  属性2=“属性值”  … > 内容 </元素>或<元素  属性=“属性值”  / >--><!--  <h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题--> <h2>题西林壁</h2><!--<br> 标签插入简单的换行符-->横看成岭侧成峰，<br><!--<b> 标签定义粗体的文本（加粗）--> <b > 远近高低各不同。 </b><br><!--<font> 标签规定文本的字体外观、字体尺寸和字体颜色--> <font color = "red"> 不识庐山真面目， </font><br><br><br><!--size 的值只能取1-7 ，1最小，7最大 --> <font size = "4"> 只缘身在此山中。 </font><br><!--若要求字体很大，可利用如下所示方法，所示为100像素，可任意调节，这属于css的内容--> <font style="font-size:30px" > 远近高低各不同 </font><br><!--<p> 标签定义段落,自动换行--> <!--文字对齐方式的设计，只能在p，h3标记中使用--> <p align="right"> 远近高低各不同 </p><!--文字对齐方式的设计center,单独使用--><center>远近高低各不同</center> <!--返回原界面--> <a <a href="第二讲代码.html"> 返回</a><br> <!--指定字体显示文本,本系统字库中必须要有指定的字体库--><font face="华文新魏"><h1>传播速度和范冰冰发动机<h1></font>     <!--文字的分区(Division)显示,可加边框,可任意移动位置--><div align="center" style="width:400px;height:200px;border:1px solid red;color:black;position:absolute;left:200px"> 发布色鬼，吧，根本，根本，不能把还是个别人还不赶紧 </div> <br></body></html><!--HTML字体描述标记：+ 物理字体(Physical Style)<b>今天天气真好！</b> 粗体<i>今天天气真好！</i> 斜体<u>今天天气真好！</u> 加下划线<tt>今天天气真好！</tt> 缩小<sup>今天天气真好！</sup> 缩小上移<sub>今天天气真好！</sub> 缩小下移<s>今天天气真好！</s> 中划线<strike>今天天气真好！</strike> 今天天气真好！-->

Ø HTML标记要用两个尖括号“<>”括起来

Ø HTML标记一般是双标记（成对出现），如<b>和</b>前一个标记是起始标记，后一个标记为结束标记

Ø 两个标记之间的文本是HTML元素的内容

Ø 某些标记称为“单标记“，因为他只需要单独使用就能完整表达意思，如<br/>

Ø HTML标记和HTML元素可以看做是同一概念。

Ø 如果严格起来说，标记和元素区别如下：

<title> 为标记

<title>标题 </title> 为元素

4、.html和.htm后缀文件的区别：

两者本质上没有区别；

如果一个网站有index.html和index.htm文件，默认情况下，优先访问index.html

Htm后缀是为了兼容以前的dos系统8.3的命名规范（文件名长度不得超过8个字符

）

0 0