HTML介绍及运行原理

最新推荐文章于 2024-07-21 13:25:52 发布

木偶跳舞

最新推荐文章于 2024-07-21 13:25:52 发布

阅读量6.1k

点赞数 1

分类专栏： HTML

本文链接：https://blog.csdn.net/u013372487/article/details/45317473

版权

HTML 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

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> 为元素