html与css网页开发基础,HTML和CSS网页开发基础

一 HTML文档结构

HTML文档结构：、

、、构成HTML页面中最基本的元素。

HTML常用标记：1.换行标记 
    2.段落标记  

~

  数字越小，级别越高。  4.居中标记 

需居中内容

5.文字列表标记   有序

1. 无序

二  表格标记

1. 表格标记 

2.标题标记

3.表头标记

4.表格行标记 

:以开头结尾，一组表示表格  中的一行。但必须嵌套在

5.单元格标记又叫列标记  

  :一个可以嵌套若干个

三HTML表单标记

1.

..表单标记

定义处理表单数据程序的URL地址信息等，基本语法格式：

标记的重要属性

action属性：指定表单数据提交至何处

method属性：–指定表单数据提交的方式

2.表单输入标记

能够演变为表单中许多不同的元素，取决于type属性

type取值：

–text(单行输入文本框)

–submit(提交按钮)

–password(密码输入文本框)

–radio(单选按钮)

–checkbox(复选框)

–reset(复位按钮)

-button(普通按钮)

-file(文件域)

-hidden(隐藏域)

-image(图像域)

基本格式为：

src="Uri" usemap="Uri" alt="" name="checkbox" value="checkbox">

3.  下拉列表框标记

使用向列表中添加内容，属性为，name：指定列表框的名称。size：指定列表框的选项数量，超出可以通过拖动滚动条查看。

disable指定当前列表框不可使用。multiple：用于让多行列表框支持多选。

4.多行文本标记

与单行文本相比，多行文本可以输入更多内容。

四。超链接与图片标记

1.超链接标记  href属性用来设定链接到哪个页面。

2.图片标记 

五。CSS样式表

CSS样式表中包括三部分内容：选择符、属性和属性值。语法格式为：

选择符{属性：属性值；

例如：　　

h2{

font-family:宋体；

color:red;

}

CSS选择器

1.标记选择器：html页面是由很多标记组成的，如图像标记、超链接标记、表格标记

2.类选择器：标记选择器有一定局限性，声明一个标记选择器后，页面中所有该标记的内容都会有相应的变化。

类别选择器名称由用户自己定义，并以”.“开头。只需用class声明即可。

.one{

color:red;

}

....

选择器

3.id选择器

以”#“开始后加html标记中的id属性值。和类别选择器类似，但html页面中不能包含两个相同的id标记，因此也定义id选择器就只能被使用一次。

4.页面中包含css样式的几种方式：行内样式、内嵌式、链接式。

六。CSS3新特征

1.模块与模块化结构：

常用模块:basic box model   定义各种与盒子相关的样式

Line   定义各种与直线相关的样式

Lists  定义各种与列表相关的样式

Text   定义各种与文字相关的样式

Color  定义各种与颜色相关的样式

Font  定义各种字体相关的样式

内容来源于网络如有侵权请私信删除