




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、网页设计与制作序号:_学号:_姓名:_手机:_专业:_1.HTML31.1标签、元素和属性31.2段落、样式和链接31.3表格结构31.4无序列表与有序列表31.5表单与常用元素41.6框架结构42. CSS42.1 CSS基础语法42.2 HTML文档使用css的常用方式42.3 HTML、id和class选择器52.4 CSS Box模型结构52.5 CSS 标准流式布局的概念53. JavaScript53.1 JavaScript简介53.2 HTML文档使用JavaScript的常用方式61. HTML1.1标签、元素和属性HTML基本的构成包含标签,标签围绕着内容,赋予内容某些意义
2、。标签可以有属性,包含额外的信息。属性一般出现在开放标签中,它们的值总是在引号中提供有关元素的附加信息。标签就是一种元素的开始和结束作标记。网页内容是由元素组成的。元素是构建网页的bits,包括标题、段落、换行符、预先格式化、字符格式化、水平线、字体、图像、特殊字符、超级链接。1.2段落、样式和链接段落是通过 标签定义的。当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:外部样式表、内部样式表、内联样式。HTML 使用超级链接与网络上的另一个文档相连。超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,人们可以点击这些内容来跳转到新的文档或者当前
3、文档中的某个部分。当把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。通过使用 标签在 HTML 中创建链接。1.3表格结构. 定义表格.定义标题 定义表行 定义表头 定义表元(表格的具体数据)1.4无序列表与有序列表无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表始于 标签。每个列表项始于 。列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。有序列表同样,有序列表也是一列项目,列表项目使用数字进行标记。有序列表始于 标签。每个列表项始于 标签。1.5表单与常用元素表单是一个包含表单元素的区域。表单元素是允许用户在表单中(比如:文本域、下拉列
4、表、单选框、复选框等等)输入信息的元素。表单使用表单标签()定义。输入、文本域、单选按钮、复选框。1.6框架结构一个浏览器窗体可以通过几个页面的组合来显示。我们可以使用框架来完成(frames)这项工作。(框架可以把HTML文档分为多个页面)框架页使用了表格的方式组合,可以分为数行与数列。框架分为的几部分,每一部分都是一个文件,非框架整个是一个文件。2. CSS2.1 CSS基础语法CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。属性(property)是您希望设置的样式属性(style attribu
5、te)。每个属性有一个值。属性和值被冒号分开。2.2 HTML文档使用css的常用方式1.行内式: 在某个html标签中加入:style=CSS属性2.嵌入式:在 与间加如代码CSS属性3.导入式:在 与间加入代码 import一个外部CSS文件 4.链接式:在与间加上 链接一个外部CSS文件2.3 HTML、id和class选择器如果要在HTML元素中设置CSS样式,你需要在元素中设置id 和 class选择器。id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 # 来定义。class 选择器用于描述一组元素
6、的样式,class 选择器有别于id选择器,class可以在多个元素中使用。class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点.号显示。2.4 CSS Box模型结构盒子模型由content (内容)、padding (间隙)、border(边框)、margin(间隔)组成。盒子,都有一些参数:比如相框中相片的所占空间(content)、相片与相框的距离(padding)、相框本身的宽度(border)、墙上两个相框之间的距离(margin).这几个参数可是说是“盒子模型”的基本属性名,可以通过CSS技术给这些属性定义不同的属性值,就能达到丰富的效果了。2.5 CSS 标准流式布局的概念在没有为网页元素添加CSS元素定位或浮动等属性的情况下,网页元素都是按HTML代码的顺序自上而下或者自左而右逐步分布的,就像流水一样,我们将这种方式成为标注流或文档流。标准流是默认的网页布局模式。3. JavaScript3.1 JavaScript简介JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025年通信安全员ABC证考试题库及答案
- 广联达考试题及答案
- 妊娠期高血压疾病试题、答案
- 新版药品管理法法规培训试题(附答案)
- 三项制度安全科各岗位考试题(附答案)
- 基层医疗急救能力考核试题及答案
- 口腔外科学模拟试题+答案
- 2025版行政协议争议法院审理期间调解协议合同
- 2025年新型充电桩车库租赁及增值服务合同范本
- 2025版区块链技术软件知识产权共享与生态构建协议
- 全过程工程咨询投标方案(技术方案)
- (高清版)DZT 0388-2021 矿区地下水监测规范
- 金属技术监督管理制度
- 企业工会制度大全
- NB-T 10316-2019 风电场动态无功补偿装置并网性能测试规范
- 长安大学地球物理学原理-第8章 地球的电磁场
- GB/T 16288-2008塑料制品的标志
- GB/T 14486-2008塑料模塑件尺寸公差
- 初中物理教师新课程标准测试题及答案
- 布克哈德迷宫压缩机精选课件
- 胰腺肿瘤影像学课件
评论
0/150
提交评论