什么是HTML?
HTML:英文全称:Hyper Text Markup Language 超文本标记语言
HTML用于编写网页,平时上网通过浏览器我们看到的大部分页面都是由HTML编写的,网页
内容包括:HTML代码,css代码,javaScript代码等内容.其中HTML:结构化标准,css:网页的样式,H
javaScript:行为化标准.
一.HTML的规范:
1.HTML文件都是以.HTML或htm结尾的,建议用.html.
2.HTML文件分为头部分<head></head>和体部分<body></body>.
3.HTML标签都是有开始和结束标签组成.
4.HTML标签忽略大小写.
二.HTML的几个重要标签
1.标题标签:从<h1>到<h6>逐渐变小
2.水平线标签:<hr/>
3.段落标签: <p>
4.字体标签:<font 属性=值>内容</font> color:字体颜色 size:字体大小 face:设置字体
5.跨行跨列: 跨行：rowspan 跨列：colspan
三.操作步骤
1.创建一个HTML文件
2.创建一个标题标签显示网页标题
3.在体部分应用各种标签完成网页制作要求
4.对代码进行完善
div+css布局
一.什么是div?
div就是HTML一个普通标签,进行区域划分.独占一行,必须结合CSS才能实现复杂效果.div是块级元素.
二.什么是css?
css指层叠样式表,样式指的是给HTML标签添加需要显示的效果.层叠是使用不同的添加方式,给同一个
HTML标签添加样式最后所有的样式都叠加到一起,共同作用在某个标签上.
三. css样式规则
1. 选择器{属性1:属性值;属性2:属性值:...}----选择器指css样式作用的HTML对象,花括号内是对该对象设置的具体样式.
2.css样式选择器区分大小写,属性和属性值不区分.
3.如果属性值由多个单词组成且包含空格,必须为这个属性值加上英文属性的引号.
四.css样式
1. 行内样式:通过标签的style属性来设置元素的样式,这样做没有做到结构与样式的分离,很少使用.
2.内部样式: 又称内嵌式,是将css代码当到HTML文档的<head>头部标签体中,并且使用<style>标签定义.css样式只对,
其所在的HTML页面有效,设计网站时不建议使用这种样式,因为它不能充分发挥css代码的重用优势.
3.外部样式: 又称链入式,是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过<link>标签将样式连接到HTML文档中
链入式最大的好处是同一个css样式表可以被不同的HTML页面链接使用,同时一个HTML页面也可以通过多个<link/>标记链接多个css样表.