- 1、本文档共25页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
网页编程笔记讲述
网页编程笔记
网站设计师:
设计
PS网页效果图设计
Flash网页动画设计
制作
html、xhtml、DIV+CSS
javascript、jqury——前端
创建方式:记事本、dream weaver、动态生成
语法:
1)标记符/标记符双标记
2)标记符/单标记
3)标记的属性:标记 属性1=参数1 属性2=参数2……内容标记/
说明:标记与属性、属性之间以空格分隔
属性不分顺序,且属性不是必须的(有默认值)
文档结构:
html
/*头部信息*/
head
title标题/title
/head
/*主题部分*/
body
正文
/body
/html
一、HTML
1.名词解释:
WWW:Word Wide Web,万维网
W3C:World Wide Web Consortium,万维网联盟/W3C理事会。
HTML:Hyper Text Markup Language, 超文本标记语言。
CSS:Cascading Style Sheet,级联样式表。
XHTML:eXtensible HyperText Markup Language,可扩展超文本标记语言。
2.参考网页的源代码。右击,查看源文件。
3.HTML不是编程语言,而是一种描述性的标记语言。标记:就是用来描述网页内容的一些特定符号。
4.html标记的语法:标记分为两种,单标记、双标记
标记符没有结束的标记—单标记
开始标记符/结束标记符—双标记
5.需要注意的:
在xhtml中规定,所有html标记,都要小写
所有的标记,都是要有关闭符号的。如下:
htmlxhtml
brbr /
标记名称 属性 = 属性值 ……/标记名称
所有html都有一个基本结构。
网页的head信息,标识网页文件的头部信息,如标题、有哪些信誉好的足球投注网站引擎关键字等。
6.meta 标记:
meta标记用于定义文件信息,是对网页文件进行说明,便于有哪些信誉好的足球投注网站引擎查找。放置于head/head之间。
用meta设置关键字:
meta name = keywords content = 关键字多个关键字用“,”分隔。
设置描述:meta name = description content = 对关键字的扩展说明
设置作者:meta name = author content = 作者名
设置字符集:meta http-equiv = content-type content = text/html;charset = gb2312
编码格式:GB2312编码占用2个字节,UTF-8占用3个字节,如果网页文字较多,选择GB2312编码。
设置页面定时跳转:meta http-equiv = refresh content = 2;URL = /里面的2,代表2秒
上面的几个地方需要特别注意:
1.http-equiv之间不能加空格,否则没用,也就是不能写成“http - equiv”!
2.content-type也是一个整体,不能以空格分隔。
7.body标记的详解:
【1】body是网页的主体标记。
【2】注释的写法:!--这里面填写注释内容--。
【3】body的属性:
body bgcolor = 背景颜色 backgroud = 背景图片的路径 text = 文本颜色 link = 链接文本颜色 vlink = 访问过的链接颜色 alink = 激活的链接颜色 leftmargin = 左边界 rightmargin = 右边界 topmargin = 上边界 bottommargint = 下边界。上面的边界的单位都是像素。
【4】html元素、html标签、html标记都是一样的。
【5】有些html元素,有默认的值,比如margin,它不是直接靠在页面的边缘或顶端的,而是空了一点距离,如果想取消这个可以把leftmargin或者topmargin都设置为0。
8.标记语义的应用:
【1】font标记没有语义上的作用。
【2】普通加粗标记:b文字内容/b 普通倾斜标记:i文字内容/i,二者都没有在语义上突出是重点的意思。
【3】语义加强加粗标记:strong文本内容/strong 语义加强的倾斜标记:em文本内容/em,二者都告诉了浏览器,加粗或倾斜的是重点。
【4】各个标记之间的权限不同,当控制比较重要的内容时,可以用strong,标题部分,一般都用h1标记。
【5】下划线u文本/u;删除线s文本/s;上标sup文本sup;下标sub文本sub,br /换行标记。
【6】段落(paragraph)标记p/p:
格式:p align = 对齐方式(left、center、right)……/p
【
您可能关注的文档
- 运筹学动态规划详解.ppt
- 运筹学教程课件七随机服务理论概述详解.ppt
- 网络第三讲数据链路层ygm讲述.ppt
- 运筹学课程设计报告详解.doc
- 运筹学目标规划详解.ppt
- 网络蠕虫灾害及其应急处理的新特点讲述.ppt
- 网络计划图讲解精华版讲述.ppt
- 网络营销市场调研讲述.ppt
- 网络攻防实战演练讲述.ppt
- 网络诈骗的识别与防范讲述.doc
- 七章货物的保险.pptx
- 三章国际间接投资.pptx
- 人性假设理论.pptx
- 外研高一英语必修三ModuleIntroduction汇总市公开课获奖课件省名师示范课获奖课件.pptx
- 月相成因优质获奖课件.pptx
- 小学二年级语文课件《狐假虎威》省名师优质课赛课获奖课件市赛课一等奖课件.pptx
- 养羊业概况专题知识讲座.pptx
- 微生物的实验室培养市公开课获奖课件省名师示范课获奖课件.pptx
- 人教版六年级下册式与方程整理与复习市公开课获奖课件省名师示范课获奖课件.pptx
- 必威体育精装版高中精品语文教学:第二单元-第7课-诗三首:涉江采芙蓉、-短歌行、归园田居市公开课获奖课件省名师.pptx
文档评论(0)