开始。例:
- Coffee
- Black hot drink
- Milk
- White cold drink
显示结果:
Coffee
Black hot drink
Milk
White cold drink
不同类型的无序列表:(关键字:type指定类型)
常见类型:
disc:实心圆
circle:空心圆
squre:实心正方形
Disc 项目符号列表:
Circle 项目符号列表:
Square 项目符号列表:
不同类型的有序列表:同上
指定不同类型的type
默认:数字序号
A:大写字母序号
a:小写字母序号
I:大写罗马数字序号(I,II,III,IV,V,VI,VII) I:小写罗马数字序号
嵌套列表:
十:HTML表单和输入
1.表单
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。
表单使用表单标签(
3. 单选按钮(Radio Buttons)
当用户从若干给定的的选择中选取其一时,就会用到单选框。
4. 复选框(Checkboxes)
当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。
*5. 表单的动作属性(Action)和确认按钮
当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
假如您在上面的文本框内键入几个字母,并且点击确认按钮,那么输入数据会被传送到名为 "html_form_action.asp" 的页面。那一页将显示出输入的结果。
6.下拉列表
//加上selected:当前选项默认被选中
分组下拉列表:
分组下拉列表:
7.按钮
*此处的图片也可以当作提交按钮
十一:HTML图片
1.图像标签()和源属性(Src)
在HTML 中,图像由 标签定义。
是空标签,意思是说,它只包含属性,并且没有闭合标签。
要在页面上显示图像,你需要使用源属性(src)。src 指"source"。源属性的值是图像的URL 地址。
定义图像的语法是:
URL 指存储图像的位置。如果名为"boat.gif" 的图像位于https://www.360docs.net/doc/d92384677.html, 的images 目录中,那么其URL 为https://www.360docs.net/doc/d92384677.html,/images/boat.gif。
浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间,那么浏览器会首先显示第一个段落,然后显示图片,最后显示第二段。
2. 替换文本属性(Alt)
alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。
基本的注意事项:
假如某个HTML 文件包含十个图像,那么为了正确显示这个页面,需要加载11 个文件。加载图片是需要时间的,所以我们的建议是:慎用图片。
3.实例:
1.调整图片大小
2.制作图像链接
您也可以把图像作为链接来使用:
3.创建图像映射(图像地图)
创建带有可供点击区域的图像地图。其中的每个区域都是一个超链接。
请点击图像上的星球,把它们放大。
注释:img 元素中的"usemap" 属性引用map 元素中的"id" 或"name" 属性(根据浏览器),所以我们同时向map 元素添加了"id" 和"name" 属性。
4.将图像转为图像映射(图像地图)
请把鼠标移动到图像上,看一下状态栏的坐标如何变化。
十二:HTML 背景
1. 背景(Backgrounds)
拥有两个配置背景的标签。背景可以使颜色或者图像。背景颜色(Bgcolor)
背景颜色属性将背景设置为某种颜色。属性值可以是十六进制数、RGB 值或颜色名。
以上的代码均将背景颜色设置为黑色。
2.背景(Background)
背景属性将背景设置为图像。属性值为图像的URL。如果图像尺寸小于浏览器窗口,那么图像将在整个浏览器窗口进行复制。
*URL可以是相对地址,如第一行代码。也可以使绝对地址,如第二行代码。
提示:
如果你打算使用背景图片,你需要紧记一下几点:
背景图像是否增加了页面的加载时间。小贴士:图像文件不应超过10k。
背景图像是否与页面中的其他图象搭配良好。
背景图像是否与页面中的文字颜色搭配良好。
图像在页面中平铺后,看上去还可
对文字的注意力被背景图像喧宾夺主
十三:HTML颜色
1. 颜色值
颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。
每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。
例:#ffff55
2.颜色名
大多数的浏览器都支持颜色名集合。
提示:仅仅有16 种颜色名被W3C 的HTML4.0 标准所支持。
它们是:aqua,black, blue,fuchsia, gray, green,lime,maroon, navy, olive, purple, red,silver, teal, white, yellow。
具体参照文档W3school
HTML知识点总结
HTML知识点总结 第一章知识总结 1.HTML文档结构(括号里面的是注释)
(头部部分) (可写可不写) 显示在浏览器标题栏中的标题 (主体部分) (页面容) 1)标签中的属性有: bgcolor=颜色(背景颜色)background=图片的绝对路径或相对路径(背景图片) 2.标题标签 n取1~6(设置文字标题): 1)一级标题
2)二级标题
3)
三级标题
4)四级标题
5)五级标题
6)六级标题
3.标签(设置文字属性) 要设置的文字 4.特殊符号 5.行的控制相关标签 段落标签 (段落的对其方式) 换行标签
6.图片标签
(align是用于调整图片相对于周围文本的对其方式) 7.文字布局 1)水平线
2)有序列表的语法 (序号类型有:1、a、A、ⅰ、I) - 填写信息
(必须用将容包括起来) - 填写信息
- 填写信息
……
3)无序列表语法 (序号类型有:disc(默认值,实心圆点)、circle(空心圆环)、square(空心正方形)) - 所写容
- (必须用
将容包括起来)
4)预格式文本语法 HTML知识点汇总
HTML知识点汇总 第一章HTML基础知识 1、HTML简介 HTML(Hypertext Markup Language),超文本标记语言,HTML利用各种标记来标识文档的结构以及标识超链接的信息。它是从SGML(Standard Generalized Markup Language,标准通用标识语言)中的一个子集演变而来的。 2、HTML的标记组成 HTML用于描述功能的符号称为“标记”。标记在使用时必须用尖括号“<>”括起来,而且是成对出现的,无斜杠的标记表示该标记的作用开始,有斜杠的标记表示该标记的作用结束。如
、 等 1)单标记:有些标记能完整的表达标记里的意思,只须在尖括号中输入标记名即可,这类标记叫 单标记。XHTML中要求单标记也必须闭合,即在标记“>”前添加斜杠。常见的单标记如
、
等。 2)双标记:双标记有头有尾,且前面的标记与后面的标记保持一致,但在后面的标记前有斜线, 语法形如:<标记>内容标记>。例如:段落 3)XHTML要求所有标记均为小写,且所有标记属性必须添加双引号 4)标记对不能交叉 3、HTML基本结构 网页标题 1)标记对不能放在标记对中,同理,其它表示内容的标记也不能放在标记对 中 2)表示HTML语言,在里面包含头部()和内容体 ()。 1页H5基础知识HTML5学习技巧
H5基础知识HTML5学习技巧 初来兄弟连HTML5培训,就见到班主任,授课老师,以及这个大家庭中的所有成员。老师很热情,大家的学习动力也很足,整体学习氛围特别好。自己作为其中的一员,也希望通过这几个月的学习能找到一份理想的工作。通过一周的试听,以及后续两周的接触与了解,可以感受到这里的教学很不一般,每位老师都是大牛级别,对我们的学习起到了很大的帮助。 但由于自己知识匮乏,所以意识到还有很多东西要学,在接下来十几周的时间里,应当多虚心请教老师、同学,争取毕业时成为一名合格的学员,斩获高薪。在接下来几个月的学习中我将努力做到以下几点。 1.多注重概念、基础知识的学习 在学习过程中发现,其实自己的基本功并不扎实,尽管理论知识都明白,但把编程灵活运用确实还需要多加练习。庆幸的是,老师布置的课堂作业能有效地让我把之前的知识与实际操作融合贯穿起来,从而得到系统透彻的了解。 2.多动脑思考、实践 每天都有很多新内容,在学习了解之后,更重要的是学会如何应
用。在空闲时间里不断练习课上课下习题,熟能生巧。尽量独立完成一些作业,这样在遇到问题时,不会经常去百度或者请教老师,这样既能提高自己的学习效率又能增强对知识技能的掌握。 3.多注重知识积累 相信滴水穿石的道理,要懂得日积月累。在有限时间里,尽量掌握更多知识,这在以后学习和开发工作中都是很有必要的,很多知识从开始不理解,到后来的灵活应用,都是逐渐熟悉的过程。所以在整个学习过程中,还是要多积累,实现从量变到质变的飞跃。 4.多与老师同学交流沟通 借鉴学习的同时要开拓自己的思维,多与他人交流,汲取更多有营养的信息。沟通不仅在学习中很重要,相信在以后的工作中,团队之间相互合作,沟通交流也会至关重要。
网页制作HTML基础知识
网页制作之HTML基础知识2009-04-15 11:03很多被淘汰了的标签,不过了解下也好。 总类(所有HTML文件都有的) 文件类型 (放在档案的开头与结尾) 文件主题
(必须放在「文头」区块内) 文头 (描述性资料,像是「主题」) 文体 (文件本体) 结构性定义(由浏览器控制的显示风格) 标题 (从1到6,有六层选择) 标题的对齐 区分 区分的对齐 引文区块 (通常会内缩) 强调 (通常会以斜体显示) 特别强调 (通常会以加粗显示) 引文 (通常会以斜体显示) 码
(显示原始码之用) 样本 键盘输入 变数 定义 (有些浏览器不提供) 地址 大字 小字 与外观相关的标签(作者自订的表现方式) 加粗 斜体 底线 (尚有些浏览器不提供) 删除线 (尚有些浏览器不提供) 下标 上标 打字机体 (用单空格字型显示) 预定格式 (保留文件中空格的大小) 预定格式的宽度 (以字元计算) 向中看齐 (文字与图片都可以) 闪耀 (有史以来最被嘲弄的标签) 字体大小 (从1到7) 改变字体大小 基本字体大小 (从1到7; 内定为3) 字体颜色 链结与图形 链接 HTML基础知识
HTML 学习任何一门语言,都要首先掌握它的基本格式,就像写信需要符合书信的格式要求一样。HTML标记语言也不例外,同样需要遵从一定的规范。接下来将具体讲解HTML文档的基本格式。 HTML文档的基本格式主要包括文档类型声明、根标记、
头部标记、主体标记,具体介绍如下: (1)标记 标记位于文档的最前面,用于向浏览器说明当前文档使用哪种HTML 或XHTML(可扩展超文本标记语言)标准规范,必需在开头处使用标记为所有的XHTML文档指定XHTML版本和类型,只有这样浏览器才能将该网页作为有效的XHTML文档,并按指定的文档类型进行解析。 (2)标记 标记位于 标记之后,也称为根标记,用于告知浏览器其自身是一个HTML 文档, 标记标志着HTML文档的开始,标记标志着HTML文档的结束,在它们之间的是文档的头部和主体内容。 在之后有一串代码“xmlns=""”用于声明XHTML统一的默认命名空间。 (3)标记 标记用于定义HTML文档的头部信息,也称为头部标记,紧跟在标记之后,主要用来封装其他位于文档头部的标记,例如、、及