静态网页设计
HTML :超文本标记语言 是用于描述网页内容结构的语言。
使用HTML 可以:
发布包含标题,文本,表格,列表,图片的在线文档。
通过单击超链接进行网页间的跳转。
设计表单将用户输入的内容提交给服务器进行处理。
可以嵌入声音,视频等多媒体内容。
HTTP :超文本传输协议 是互联网上应用最为广泛的一种网络协议,它规范了通过网络请求与接收HTML 页面的方法。
“http://www.w3.org/TR/html4/strict.dtd”>
严格的DTD ,遵循这种DTD ,表明页面中不会使用废弃的元素和属性,也不会使用框架。
松散的DTD ,遵循这种DTD ,表明页面中可能会使用废弃的元素和属性,但不会使用框架。
框架DTD ,遵循这种DTD ,表明页面中可能会使用废弃元素和属性,以及框架。 HTML 文档结构
HTML 元素是由单个或一对标签定义的包含范围。一个标签就是左右分别有一个小于号的字符串。开始标签是指不以斜杠/开头的标签,其内是一串允许的属性/值对。结束标签则是以一个斜杠/开头的。
一个标准的HTML 文件应该以开始标签开是文档,中间包含与等元素,其中部分中可以定义页面的标题,简介,编码格式等内容,部分为在浏览器中显示的页面正文。
通过元素可以指定页面的标题,标题会出现在浏览起的标题栏中。文档的内容是通过元素来指定的,放置文档的内容。可以使用符号包含注释内容。
字符引用和实体引用都是以一个和号&开始并以一个分号;结束。(“ ";) (&&;)(>)( )(©)(®)
基本元素介绍
页面信息元素
指定页面的文本编码格式;
http-equiv=”content-Type ”content=”text/html”charset=UTF-8”> 页面显示5秒钟后浏览器跳转到www.google.com 页面:
浏览器可以缓存本页面直至2011年2月23日18点,超过此事件后浏览器必须重新从服务器上取得此网页上内容:
Name :描述网页内容,供搜索引擎收录,需要与content 属性配合使用,常见的设置如下:
设置本网页的关键字,多个关键字用英文逗号分割,为网页提供合适的关键词有利于提高网页在搜索引擎中的排名:
设置本网页的概述,告诉搜索引擎本网页的主要内容:
设置本网页的作者,可以是个人或公司名称:
段落元素
段落元素用来表示一段文本,该元素会自动进行换行。其中,align 属性用于设置文字对齐方式,可选值有“left ”, “center ”, “right ”默认为左对齐。
左对齐段落
居中段落
靠右对齐段落
换行元素
换行元素用于同一段落内文字的换行显示,该元素没有属性,也不包含内容。 标题元素
--
文字修饰元素文字变粗体文字加下划线文字变斜体。
文字加下划线
文字变斜体
文字变粗体
文字修饰元素可用于修饰文字的颜色,大小和字体。
元素常用属性如下:
Color :设置文字的颜色。
Size :设置文字的大小。
Face :设置文字的字体。
文字
原样显示元素
原样显示元素用于原样显示文本,包括其中的换行符与连续的空格。 分割线元素
分割线元素用于显示分割线,可以通过属性设置分割线的外观。Color:设置分割线的颜色。Noshade :设置是否显示阴影。Width :设置线的宽度。Align :分割线的对齐方式,center 居中,left 居左,right 居右。 Size :线的粗细。
color=”red ”noshade=”noshade ”width=”400px ”align=”right ”size=”1”/>超链接,图片及其他常用元素超链接的基本用法超链接的HTML 元素为,通过元素的href 属性指定跳转的地址。 跳转 图片元素图片格式简绍:BMP 格式,GIF 格式,JPEG 格式,PNG 格式。图片元素的基本用法图片元素为,通过src 属性指定图片地址就可以将图片显示在页面上。 图片元素常用的属性Width/height:图片的高度和宽度。Border :图片边框的宽度。Alt :图片无法加载时,用于替换图片内容的文字。Align :图片与文字的对齐方式。Top 上对齐,middle 居中对齐,bottom 下对齐, Right 右对齐,left 左对齐。 “1”alt=“图片服务器故障”/> 其他常用元素内嵌元素元素常用来修饰行内的文字,图像等内容,元素并不影响元素的显示,需要配合样式表使用。块级元素
上标下标
滚动字幕
元素用来滚动显示文字或图片,通过设置属性可以控制滚动方向和速度。
元素常用属性
Width/height:设置字幕的宽度和高度。
Direction :设置字幕的滚动方向,left,right,up,down.
Scrollamount:设置字幕的滚动速度,值越大滚动速度越快。
Bgcolor :设置字幕的背景色。
height=”100”bgcolor=”gray ”direction=”up ”scrollamount=”20”>
表格,列表与边框
表格的组成
表格元素
标题表身表注放置单元行普通单元格
标题单元格 |
. 表格的属性 Border 属性表示表格边框的宽度,默认值为0. Width 属性和height 属性 Align 属性设置表格的对齐方式left ,right ,center 。默认为left 。 Bgcolor 属性与background 属性 Cellspacing 属性控制相邻单元格之间的间距,cellpadding 属性控制单元格内部文字与边框的边距。 Tr 的属性 Height 属性用于设置单元行的高度。 Bgcolor 属性用于设置单元行的背景色。 Align 属性与valign 属性align 用于设置本单元行中的单元格的水平对齐方式,left ,right ,center 。Valign 属性设置本单元行所有单元格的垂直对齐方式,top,middle,botton. Td/th元素的属性 Width 属性用于设置单元格的宽度。 Align 属性与valign 属性,当单元格的设置冲突时,优先使用单元格的设置。 Bgcolor 属性用于设置单元格的背景色,会覆盖表格或单元行的设置。 Colspan 属性用于合并同一行中的单元格,属性值为合并的数量,最小为2. Rowspan 属性用于合并同一列中的单元格,属性值为合并的数量,最小为2. 表格嵌套 列表元素 列表分为有序列表和无序列表 有序列表 有序列表使用
|
---|
静态网页设计
HTML :超文本标记语言 是用于描述网页内容结构的语言。
使用HTML 可以:
发布包含标题,文本,表格,列表,图片的在线文档。
通过单击超链接进行网页间的跳转。
设计表单将用户输入的内容提交给服务器进行处理。
可以嵌入声音,视频等多媒体内容。
HTTP :超文本传输协议 是互联网上应用最为广泛的一种网络协议,它规范了通过网络请求与接收HTML 页面的方法。
“http://www.w3.org/TR/html4/strict.dtd”>
严格的DTD ,遵循这种DTD ,表明页面中不会使用废弃的元素和属性,也不会使用框架。
松散的DTD ,遵循这种DTD ,表明页面中可能会使用废弃的元素和属性,但不会使用框架。
框架DTD ,遵循这种DTD ,表明页面中可能会使用废弃元素和属性,以及框架。 HTML 文档结构
HTML 元素是由单个或一对标签定义的包含范围。一个标签就是左右分别有一个小于号的字符串。开始标签是指不以斜杠/开头的标签,其内是一串允许的属性/值对。结束标签则是以一个斜杠/开头的。
一个标准的HTML 文件应该以开始标签开是文档,中间包含与等元素,其中部分中可以定义页面的标题,简介,编码格式等内容,部分为在浏览器中显示的页面正文。
通过元素可以指定页面的标题,标题会出现在浏览起的标题栏中。文档的内容是通过元素来指定的,放置文档的内容。可以使用符号包含注释内容。
字符引用和实体引用都是以一个和号&开始并以一个分号;结束。(“ ";) (&&;)(>)( )(©)(®)
基本元素介绍
页面信息元素
指定页面的文本编码格式;
http-equiv=”content-Type ”content=”text/html”charset=UTF-8”> 页面显示5秒钟后浏览器跳转到www.google.com 页面:
浏览器可以缓存本页面直至2011年2月23日18点,超过此事件后浏览器必须重新从服务器上取得此网页上内容:
Name :描述网页内容,供搜索引擎收录,需要与content 属性配合使用,常见的设置如下:
设置本网页的关键字,多个关键字用英文逗号分割,为网页提供合适的关键词有利于提高网页在搜索引擎中的排名:
设置本网页的概述,告诉搜索引擎本网页的主要内容:
设置本网页的作者,可以是个人或公司名称:
段落元素
段落元素用来表示一段文本,该元素会自动进行换行。其中,align 属性用于设置文字对齐方式,可选值有“left ”, “center ”, “right ”默认为左对齐。
左对齐段落
居中段落
靠右对齐段落
换行元素
换行元素用于同一段落内文字的换行显示,该元素没有属性,也不包含内容。 标题元素
--
文字修饰元素文字变粗体文字加下划线文字变斜体。
文字加下划线
文字变斜体
文字变粗体
文字修饰元素可用于修饰文字的颜色,大小和字体。
元素常用属性如下:
Color :设置文字的颜色。
Size :设置文字的大小。
Face :设置文字的字体。
文字
原样显示元素
原样显示元素用于原样显示文本,包括其中的换行符与连续的空格。 分割线元素
分割线元素用于显示分割线,可以通过属性设置分割线的外观。Color:设置分割线的颜色。Noshade :设置是否显示阴影。Width :设置线的宽度。Align :分割线的对齐方式,center 居中,left 居左,right 居右。 Size :线的粗细。
color=”red ”noshade=”noshade ”width=”400px ”align=”right ”size=”1”/>超链接,图片及其他常用元素超链接的基本用法超链接的HTML 元素为,通过元素的href 属性指定跳转的地址。 跳转 图片元素图片格式简绍:BMP 格式,GIF 格式,JPEG 格式,PNG 格式。图片元素的基本用法图片元素为,通过src 属性指定图片地址就可以将图片显示在页面上。 图片元素常用的属性Width/height:图片的高度和宽度。Border :图片边框的宽度。Alt :图片无法加载时,用于替换图片内容的文字。Align :图片与文字的对齐方式。Top 上对齐,middle 居中对齐,bottom 下对齐, Right 右对齐,left 左对齐。 “1”alt=“图片服务器故障”/> 其他常用元素内嵌元素元素常用来修饰行内的文字,图像等内容,元素并不影响元素的显示,需要配合样式表使用。块级元素
上标下标
滚动字幕
元素用来滚动显示文字或图片,通过设置属性可以控制滚动方向和速度。
元素常用属性
Width/height:设置字幕的宽度和高度。
Direction :设置字幕的滚动方向,left,right,up,down.
Scrollamount:设置字幕的滚动速度,值越大滚动速度越快。
Bgcolor :设置字幕的背景色。
height=”100”bgcolor=”gray ”direction=”up ”scrollamount=”20”>
表格,列表与边框
表格的组成
表格元素
标题表身表注放置单元行普通单元格
标题单元格 |
. 表格的属性 Border 属性表示表格边框的宽度,默认值为0. Width 属性和height 属性 Align 属性设置表格的对齐方式left ,right ,center 。默认为left 。 Bgcolor 属性与background 属性 Cellspacing 属性控制相邻单元格之间的间距,cellpadding 属性控制单元格内部文字与边框的边距。 Tr 的属性 Height 属性用于设置单元行的高度。 Bgcolor 属性用于设置单元行的背景色。 Align 属性与valign 属性align 用于设置本单元行中的单元格的水平对齐方式,left ,right ,center 。Valign 属性设置本单元行所有单元格的垂直对齐方式,top,middle,botton. Td/th元素的属性 Width 属性用于设置单元格的宽度。 Align 属性与valign 属性,当单元格的设置冲突时,优先使用单元格的设置。 Bgcolor 属性用于设置单元格的背景色,会覆盖表格或单元行的设置。 Colspan 属性用于合并同一行中的单元格,属性值为合并的数量,最小为2. Rowspan 属性用于合并同一列中的单元格,属性值为合并的数量,最小为2. 表格嵌套 列表元素 列表分为有序列表和无序列表 有序列表 有序列表使用
|
---|