HTML与CSS基础
2016-05-22 20:53
399 查看
一、HTML
HTML不是一种编程语言,而是一种描述性的标记语言,用于描述超文本中的内容和结构。HTML最基本的语法是<标记符></标记符>。标记符通常都是成对使用,有一个开头标记和一个结束标记。结束标记只是在开头标记的前面加一个斜杠“/”。当浏览器收到HTML文件后,就会解释里面的标记符,然后把标记符相对应的功能表达出来。
HTML基本结构
完整的HTML文件包括标题、段落、列表、表格、绘制的图形以及各种嵌入对象,这些对象统称为HTML元素。
1、<HTML>网页文档标记 格式:<HTML>内容</HTML>
2、<HEAD>网页的题头部分 格式:<HEAD>头部的内容</HEAD>
3、<TITLE> 网页的标题 格式 : <TITLE>网页的标题 </TITLE>
4、<BODY>网页的主体部分 格式 : <BODY>网页的内容</BODY>
基本格式
<HTML>
<HEAD>
<TITLE>网页的标题 </TITLE>
</HEAD>
<BODY>
网页的内容
</BODY>
</HTML>
二、CSS
一个美观大方的页面仅通过HTML实现是非常困难的,HTML语言仅仅定义了网页的结构,对于文本样式没有过多涉及。这就需要一种技术对页面的布局、字体、颜色和其他图文效果的实现提供更加精确的控制,这种技术就是CSS。
CSS是一组格式设置规则,用于控制Web页面的外观,通过使用CSS样式设置页面的格式,可将页面的内容与表现形式分开。
优点:
1、表现与结构分离
它将设计部分剥离出来并放在一个独立的样式文件中,HTML文件中只存放文本信息,这样的页面对搜索引擎更加友好
2、易于维护和改版
只要简单修改几个CSS文件,就可以重新设计整个网站的页面
3、提高页面浏览速度
4、继承性能优越(层叠处理)
5、易于被搜索引擎搜索
CSS样式:点击CSS样式大全
这只是一个初步了解,以后慢慢再去学习~
HTML不是一种编程语言,而是一种描述性的标记语言,用于描述超文本中的内容和结构。HTML最基本的语法是<标记符></标记符>。标记符通常都是成对使用,有一个开头标记和一个结束标记。结束标记只是在开头标记的前面加一个斜杠“/”。当浏览器收到HTML文件后,就会解释里面的标记符,然后把标记符相对应的功能表达出来。
HTML基本结构
完整的HTML文件包括标题、段落、列表、表格、绘制的图形以及各种嵌入对象,这些对象统称为HTML元素。
1、<HTML>网页文档标记 格式:<HTML>内容</HTML>
2、<HEAD>网页的题头部分 格式:<HEAD>头部的内容</HEAD>
3、<TITLE> 网页的标题 格式 : <TITLE>网页的标题 </TITLE>
4、<BODY>网页的主体部分 格式 : <BODY>网页的内容</BODY>
基本格式
<HTML>
<HEAD>
<TITLE>网页的标题 </TITLE>
</HEAD>
<BODY>
网页的内容
</BODY>
</HTML>
二、CSS
一个美观大方的页面仅通过HTML实现是非常困难的,HTML语言仅仅定义了网页的结构,对于文本样式没有过多涉及。这就需要一种技术对页面的布局、字体、颜色和其他图文效果的实现提供更加精确的控制,这种技术就是CSS。
CSS是一组格式设置规则,用于控制Web页面的外观,通过使用CSS样式设置页面的格式,可将页面的内容与表现形式分开。
优点:
1、表现与结构分离
它将设计部分剥离出来并放在一个独立的样式文件中,HTML文件中只存放文本信息,这样的页面对搜索引擎更加友好
2、易于维护和改版
只要简单修改几个CSS文件,就可以重新设计整个网站的页面
3、提高页面浏览速度
4、继承性能优越(层叠处理)
5、易于被搜索引擎搜索
CSS样式:点击CSS样式大全
这只是一个初步了解,以后慢慢再去学习~