用html语言设计网页教程,HTML网页制作基础.pdf

⽤html语⾔设计⽹页教程,HTML⽹页制作基础⼀、HTML基础(1)HTML：超⽂本编辑语⾔hypertextmarkuplanguage(编写⽹页)⽂本：⽤来描述数据，特别单调，只能输⽂字，不能变彩⾊，不能插⼊图⽚。超⽂本：丰富多彩的的展⽰⽂件(2)www【w(world)w(wide)w(web)万维⽹，因特⽹】含义：建⽴在Internet上⾯的，全球的，交互的，多平台的，分布式的信息资源⽹络多平台的：操作系统【windowlinux(Android)unix(iOS)】交互的：阅读、发表【CSDN】分布式的：有多台服务器为⽹络进⾏服务。(3)万维⽹的组成URL【UniformResourceLocator(统⼀资源定位符)⽹站】HTTP【hypertexttransferprotocal超⽂本传输语⾔】(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)标签有属性九云IT教育tips:注意事项a：h1align中间要有空格b：属性名：align属性列：center属性列要加"",之间要加=(6)注释(7)换⾏和空格不管⽤【如何换⾏】六、⽹页的基本标签(1)头部标签：(2)text设定⽂字颜⾊[或者使⽤颜⾊代码]：使⽤#和⼗六进制数据组成(3)【背景颜⾊】：bgcolor【背景图⽚】：(4)⽂字标记：helloworld(5)hfbasbhgdshbfshp标签前后⾃动换⾏且有align三个属性【leftcenterright】(6)标题-------可以⼀直到6，并且⾃动换⾏也有align属性【leftcenterright】(7)空格：版权符号©(8)⽂字修饰标记：加粗加斜体加下划线删除线(9)⽀持的图⽚：常⽤.jpg.gif.png(10)如何引⼊图⽚单个标签(11)超级链接【从⼀个⽹络跳到另外⼀个⽹页】：【⾮常重要的属性href要链接到的地址】