HTML网页制作基础

一、HTML基础

（1） HTML：超文本编辑语言hyper text markup language（编写网页）

文本：用来描述数据，特别单调，只能输文字，不能变彩色，不能插入图片。

超文本：丰富多彩的的展示文件

（2）www 【w（world）w（wide）w（web）万维网，因特网】

含义：建立在Internet上面的，全球的，交互的，多平台的，分布式的信息资源网络

多平台的：操作系统【window linux(Android) unix(iOS)】

交互的：阅读、发表【CSDN】

分布式的：有多台服务器为网络进行服务。

（3）万维网的组成

URL 【Uniform Resource Locator（统一资源定位符）网站】

HTTP【hypertext transfer protocal超文本传输语言】

（4）W3C 【HTML的标准制定者和维护者】

二、标签：【以尖括号开始<，以尖括号结束>，尖括号之间描述信息，就叫标签】

列子：<人> 对 <ha ha>错 <haha>对

分类：开始标签<dgs> 结束标签</dgs>

三、HTML文档结构

人=头（head）+身体（body>

</head></头>

</body></身体>

</html></人>

四、记事本开发网页步骤

（1）新建文件.txt

（2）更改后缀【.hmtl】或【.htm】------[选中文件，点击f2--快捷方式]

（3）后缀名作用：告诉Windows系统，用什么样的程序打开文件。

（4）源代码：记事本打开执行结果：网页打开

五、HTML注意事项

（1）标签成对出现。

（2）标签具有嵌套型

（3）排版问题：子标签的父标签之间应该有8个空格：一个tab键

<html>

<head>

IT教育学院

</head>

<body>

计算机专业你好

<h1>

欢迎来到九云IT教育学院

</h1>

</body>

</html>

（4）html不区分大小写，最好全部用小写

（5）标签有属性

<h1 align="center">九云IT教育</h1>

tips:注意事项

a：h1 align 中间要有空格

b：属性名：align 属性列：center 属性列要加"",之间要加 =

（6）注释

（7）换行和空格不管用【如何换行<br /> 】

六、网页的基本标签

（1）头部标签：<tittle> </tittle>

（2）text 设定文字颜色 <body text="yellow">[或者使用颜色代码]：使用#和十六进制数据组成

（3）【背景颜色】：bgcolor 【背景图片】：<body background="图片名">

（4）文字标记：<font color="red" size="7">hello world<font/>

（5）<p>hfbasbhgdshbfsh</p> p标签前后自动换行且有align 三个属性【left center right】

（6）标题<h1> </h1>-------可以一直到6，并且自动换行<h6></h6> 也有align属性【left center right】

（7）空格：版权符号 ©

（8）文字修饰标记：加粗<b> </b> 加斜体<i></i> 加下划线<u></u> 删除线 <s></s>

（9）支持的图片：常用.jpg .gif .png

（10）如何引入图片单个标签<img src=" " width=" " high=" "/>

（11）超级链接【从一个网络跳到另外一个网页】：<a> </a> 【非常重要的属性 href 要链接到的地址】

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h50358.shtml