一、HTML基础

 

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

 

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

 

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

 

　　(2)万维网，因特网】

 

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

 

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

 

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

 

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

 

　　(3)万维网的组成

 

　　URL 【Uniform Resource Locator(统一资源定位符)网站】

 

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

 

　　(4)W3C 【HTML的标准制定者和维护者】

 

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

 

　　列子： 对 错 对

 

　　分类：开始标签 结束标签

 

　　三、HTML文档结构

 

　　人=头(head)+身体(body>

 

　　头>

 

　　身体>

 

　　人>

 

　　四、记事本开发网页步骤

 

　　(1)新建文件.txt

 

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

 

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

 

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

 

　　五、HTML注意事项

 

　　(1)标签成对出现。

 

　　(2)标签具有嵌套型

 

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

 

　　IT教育学院

 

　　计算机专业你好

 

　　欢迎来到九云IT教育学院

 

　　(4)html不区分大小写，最好全部用小写

 

　　(5)标签有属性

 

　　tips:注意事项

 

　　a：h1 align 中间要有空格

 

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

 

　　(6)注释

 

　　(7)换行和空格不管用【如何换行】

 

　　六、网页的基本标签

 

　　(1)头部标签：

 

　　(2)text 设定文字颜色

 

　　[或者使用颜色代码]：使用#和十六进制数据组成

 

　　(3)【背景颜色】：bgcolor 【背景图片】：

 

　　(4)文字标记：hello world

 

　　(5)

 

　　hfbasbhgdshbfsh

 

　　p标签前后自动换行 且有align 三个属性【left center right】

 

　　(6)标题

 

　　-------可以一直到6，并且自动换行

 

　　也有align属性【left center right】

 

　　(7)空格： 版权符号 ?

 

　　(8)文字修饰标记：加粗  加斜体 加下划线 删除线

 

　　(9)支持的图片：常用.jpg .gif .png

 

　　(10)如何引入图片 单个标签

 

　　(11)超级链接【从一个网络跳到另外一个网页】：  【非常重要的属性 href 要链接到的地址】