HTML+CSS的分析总结
HTML+CSS的分析总结:
关于HTML:
一:HTML概括:全称为HyperText Markup Language,译为超文本标记语言,不是一种编程语言,是一种描述性的标记语言,html属于解释性语言。用于描述超文本中内容的显示方式,比如字体、图片的位置、颜色、大小等。
其基本的特点:简易性、可扩展性、平台无关性和通用性。目前制作网页用的最多的版本是HTML4.01和HTML5
二:HTML的编写工具及编码规范
1、编写工具:主要有windows记事本、EidtPlus、notepad++、DreamWeaver、sublime、webstrom等
2、编码规范:文件的后缀名为html或htm;HTML对大小写的区分不敏感
Html4.01版本的页面框架(sublime):
Html5版本的页面框架(sublime):
三:HTML主要的标签介绍
1:HTML的标签是由尖括号包围的关键字,如<html></html>;通常是成对出现,但也有单标签,如<hr>(水平线)
2:文件标记标签:<head>:文件头信息标记;<title>:页面标题信息标记; <body>:页面主题信息标记
3:字体标记标签:<STRONG> <B> :字体加粗;<I> <EM> <VAR> <CITE> <DFN> <ADDRESS> :字体添加斜体效果;<H1> <H2> <H3> <H4> <H5> <H6> :字体由 <H1> 至 <H6> 变粗变大加宽的程度逐渐减小;<FONT> <BASEFONT> :通过属性负责设置文字效果;
4:清单标记:<ul>为无须清单;<ol>为有序清单;<li>为清单的选项;其他的清单不推荐使用;
5:表格标记:<TABLE>:设置表格;<TR>:表示表格的列;<TD>:表示表格的格;<TH> :等价于<TD>,但是文字自动加粗,用于显示表格列明栏;<CAPTION> :表格标题列
6:表单标记:<FORM> :表单,用于数据提交;<INPUT> :输入框标记,种类分为Text、Radio、Checkbox、Password、Submit/Reset、Image、File、Hidden、Button;<SELECT> <OPTION> :下拉选单,select为选单对象,option为选项;<TEXTAREA> :文本输入域;
7:<A> :超链接标签;<IMG> :图片标记,插入图片
其中标签属性或样式的设置比较多,可以参考HTML的API文档
关于CSS:
一:概念:全称:Cascading Style Sheets;中文全称:层叠样式表;CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言
二、样式表定义模式:
1、行内样式(位于html标签体内部的样式表现)
<div style="样式代码">其它标签文本内容</div> (不推荐使用,主要使用后两种)
2、内联样式(位于head标签内的样式表现)
<style type="text/css">样式代码</style>
3、外部样式(外部文件的样式表现)
<link href="样式文件url" rel="stylesheet" type="css/text"/>(样式文件后缀名.css)