HTML网页制作基础.docx
- 文档编号:4061615
- 上传时间:2023-05-06
- 格式:DOCX
- 页数:15
- 大小:22.23KB
HTML网页制作基础.docx
《HTML网页制作基础.docx》由会员分享,可在线阅读,更多相关《HTML网页制作基础.docx(15页珍藏版)》请在冰点文库上搜索。
HTML网页制作基础
HTML网页制作基础
主讲:
郑树源
一HTML网页制作基础
1.HTML语言简介
2.HTML语言的基本标签与对应的属性
3.表格与表单
4.框架
5.图像、声音、视频
6.DIV层与css样式
1HTML语言简介
1.Html的全称是”超文本标示语言”(HypertextMarkupLanguage)是一种标记语言,不需要编译,直接由浏览器执行。
2.Html语言规范和标准:
HTML语言是不区分大小写的,但一般来说,标记使用大写书写,如
,,
表格中的一行数据 |
表格中的二行数据 |
表格中的三行数据 |
和 | 标签的属性<7>《两对两占颜高宽》 bgcolor设置单元各背景颜色 rowspan设置单元格所占行数 colspan设置单元格所占的列数 align设置对齐方式 valign设置单元格垂直对齐方式 width设置单元格宽度 height设置单元格高度 t4.html HTML特殊表格<2> ▪Rules设置单元格的特效 ▪Fieldset设置特殊表格 t5.html HTML表单 表单是HTML的一个重要部分,主要用于采集和提交用户输入的信息。 1、name: 设置表单的名称。 2、action: 设置表单的处理程序的URL。 3、method: 提交表单的方法。 form.html HTML表单中常用的标记 输入域一般在表单中使用 1、 2、 3、 4、 5、 6、 7、 8、 9、 10、
▪多行文本输入标记 …… name设置识别名称。 rows设置文本域的行数 cols设置文本域的列数 disabled设置文本为禁用 warp设置为off不换行 ▪选择域 …… HTML表单提交数据 html提交数据时必须设置标签name和value属性,以便asp程序能获取相应的值。 HTML的框架 ▪使用框架可以划分页面 HTMLframeset标签的属性《割距行列变滚》 ▪cols=size设置列的大小 ▪rows=size设置行的大小 ▪frameborder是否显示边框yes/no,1/0 ▪framespacing设置分割条大小 ▪src设置要链接的HTML文件 ▪name窗体的名称 ▪marginwidth设置窗口左右边界的距离 ▪Marginheight设置窗口上下边界的距离 ▪scrolling设置窗口是否使用滚动条yes/no默认为auto ▪noresize不能调整窗口大小 HTMLiframe标签 ▪使用格式: .. ▪src设置要链接的HTML文件 ▪frameborder是否显示边框yes/no,1/0 ▪width设置宽度 ▪height设置高度 ▪scrolling设置窗口是否使用滚动条yes/on默认为auto HTMl加入图像 ▪插入图片的元素标记 格式: ..《原文高宽垂水边对》 常用属性: src=“图片源地址” alt=“替换文字“ width=“宽度“ height=“高度” hspace=“垂直边距“ vspace=“水平边距” border=“边框“ align=“对齐方式” HTML加入声音《源自环》 ▪ src=“文件的位置URL” autostart=“true/false”自动启动 loop=“循环次数 ▪ src=“文件的位置URL” volume=“音量”-10000到0之间0最高音量 balance=”声道“-10000到10000之间的值 loop=“循环次数” HTML加入视频 HTMLDIV与CSS样式 DIV+CSS是网页设计标准 可以把这个DIV元素看作一个层,也可以把他看成一个容器。 他是用来在页面上具体定位的一个层。 CSS是CascadingStyleSheets(层叠式样式表)的简称. 1使页面加载更快2修改设计更有效率3代码从用度高 HTMLCSS样式-内联式样式 ▪内联式样式: 它利于现有的HTML标记,把特殊的样式加入到那些由标记控制的信息中。 基本格式: CSS控制显示区域 HTMLCSS样式-嵌入式样式 ▪嵌入式样式: 它和Javascript一样可以嵌入到HTML文件的头部中(和 标记之间),使用容器装载,例如:p{color: red;font-weight: bold},这样会对页面中所有 标记都起作用 HTMLCSS样式-外部式样式 ▪外部式样式: 是一种保存在外部的样式单文件,外部文件以.CSS为扩展名。 在头部文件中 例如: HTMLCSS样式-输入式样式 ▪输入样式表: @importurl(demo.css); 作用: 导入CSS文件。 HTML-CSS标签选择器 ▪标签选择器 ▪class选择器 ▪id选择器 ▪关联选择器 ▪组合选择器 ▪伪元素选择器 HTML–DIV网页布局 使用DIV+CSS布局,使页面代码更精简。
2012年1月25号,晴 今天是我哥相亲的日子,他见了女方,他们说了许多有关自己的事情,但是最重要的是我哥说了一些最冲击心灵的话,他们谈论一些有关工作的事情还有自己的感悟,主要是自己在工作的感悟,在社会上他们的目标是钱,没有钱几乎说没有了一切,他们主要在钱上说话,办事前提是用钱说话,没有钱没有地位,没有威信,没有了可靠水准,地位,名誉,物质,这些可以用钱办到,金钱可以弥补一些你天生的缺陷,每当我说话时,总是用刺激的眼光看待我,总是感觉我找不到工作,总是说我找不到工作,以后要靠他生活,难道我真的就这些出息吗,难道我必须要靠他吗,难道我真的没有能力吗,我真的考不上研究生吗,这是决定好吗,我为什么要靠他呢,我没有自己的能力吗, 我必须考研,而且是北京邮电大学,我必须比我哥强,证明给他看,到底是我考还是他靠我。 至于现在的我,没有经济基础,没有地位,没有能力养活自己,我知道我现在没有能力和你们挣,难道我真的以后没有这个能力吗。 我考虑现在的我只有一条路而且没有退路,我已经没有退路了,只有向前冲,那就是我必须考研,而且是名牌大学,而且是名校,只有这条路了。
冰点文库所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
关于本文
|
---|