网页制作课程
本资源是HTML制作网页的有关内容,由授课老师本人编辑的,旨在为初学者提供一个系统的网页制作课程。本课程从基本的HTML标签开始,逐步介绍网页文件的创建、常用标签、布局、CSS样式表等知识点,旨在帮助学员掌握基本的网页制作技能。
一、HTML基础知识
1.1 创建网页文件:创建一个文本文件,并将其命名为xxx.html或xxx.htm(注意后缀名问题)。
1.2 简单的HTML页面编写:所有的网页内容都必须在<html>中,每一个标签都应该有相应的开始和结束<html>就表示开始,</html>就表示结束。网页中的标签都用小写(虽然大写也可以,但是基于XHTML的标准就是全部用小写)。
1.3 编写网页文件需要成对编程:对于HTML而言,有两种写法是不允许的:第一种是只有开始标签没有结束标签,第二种是标签不能嵌套。
二、常用标签
2.1 <head>标签:Head标签中的内容是不会在网页中显示的,一般用来设置页面的标题(title),获取可以设定相应外部文件的引入,或者设置相应的meta等信息。
2.2 文本标签:
* 换行:对于HTML而言,代码中的换行不会在页面中显示。需要使用相应的换行标签,br和p。对于br而言,里面没有任何内容,需要使用自结束标签。
* 标题标签
* 列表标签
2.3 其他标签:
* 容器标签
* 表格
* 表单:常用的表单标签:原则上所有的表单标签都要放置在form标签中。Input标签可以用来设置文本框、密码框等数据。
* Frameset:Frameset标签不能在body中设置。
三、CSS样式表
3.1 HTML仅仅只是做数据的显示,需要通过CSS来完成对页面的修饰。
3.2 样式表有三种方式进行编写:
* 内嵌样式
* 在html的title通过style标签统一为该页面编写样式
* 将样式表文件编写到一个xxx.css的文件中,然后在head中引入该样式表文件
3.3 选择器:
* 标签选择器(根据标签名称获取),会对页面中的所有标签都有效
* ID选择器(获取id为xx的标签),可以对页面中某个标签进行样式的设置
* 类选择器(获取标签中class=xxx的标签),可以选择页面中的一组标签,class=”xxx的一组标签
* 包含选择符(获取某个标签中的所有的子标签)
* 子对象选择符(获取某个标签的第一级子标签)
* 分组选择符(可以同时设定多个标签,使用逗号进行分割)
四、布局
4.1 盒子模型(boxmodel)
4.2 spa
本课程旨在为初学者提供一个系统的网页制作课程,帮助学员掌握基本的网页制作技能,并为进一步学习高级网页制作技术奠定基础。