1 HTML基础 大部分HTML标签是闭合的,由开始标签和结束标签构成,二者之间是要显示的内容,例如:。也有的HTML标签是没有结束标签的,例如: 。 (1)h标签 在HTML代码中,使用h1到h6表示不同级别的标题,其中h1级别的标题字体最大,h6级别的标题字体最小。该标签的用法为: 一级标题二级标题三级标题(2)p标签 在HTML代码中,p标签表示段落,用法为: 这是一个段落 (3)a标签 在HTML代码中,a标签表示超链接,使用时需要指定链接地址(由href属性来指定)和在页面上显示的文本,用法为: href='http://www.baidu.com'>点这里 (4)img标签 在HTML代码中,img标签用来显示一个图像,并使用src属性指定图像文件地址,可以使用本地文件,也可以指定网络上的图片。例如: src='Python可以这样学.jpg' width='200' height='300' /> src='http://www.tup./upload/bigbookimg/072406-01.jpg' width='200' height='300' /> (5)table、tr、td标签 在HTML代码中,table标签用来创建表格,tr用来创建行,td用来创建单元格,用法为:
第一行第一列 第一行第二列
第二行第一列 第二行第二列
(6)ul、ol、li 在HTML代码中,ul标签用来创建无序列表,ol标签用来创建有序列表,li标签用来创建其中的列表项。例如,下面是ul和li标签的用法:
(7)div标签 在HTML代码中,div标签用来创建一个块,其中可以包含其他标签,例如:
第一段
第二段 2 JavaScript基础 JavaScript是由客户端浏览器解释执行的弱类型脚本语言,大幅度提高网页的浏览速度和交互能力,提高了用户体验。 (1)在网页中使用JavaScript代码的方式 可以在HTML标签的事件属性中直接添加JavaScript代码。例如,把下面的代码保存为index.html文件并使用浏览器打开,单击按钮“保存”,网页会弹出提示“保存成功”。
对于较多但仅在个别网页中用到的JavaScript代码,可以写在网页中的
JavaScript对象document表示当前HTML文档,可用来访问页面上所有元素,常用的方法有write()、getElementById()等等。例如,上一段代码中演示了document对象write()方法的用法,本节(1)部分中的第二段代码演示了document对象getElementById()方法的用法。 当网页中包含标签时,会自动建立image对象,网页中的图像可以通过document对象的images数组来访问,或者使用图像对象的名称进行访问。例如,把下面的代码保存为文件index.html,此时页面上会显示图像文件1.jpg的内容,单击该图像时会切换成为2.jpg的内容。
<img name='img1' src='1.jpg' onClick='document.img1.src='2.jpg';' />
--------董付国老师Python系列教材-------- 1)《Python程序设计(第2版)》(2018年8月第8次印刷) 2)《Python可以这样学》(2018年7月第6次印刷)(本书已发行繁体版) 3)《Python程序设计基础(第2版)》(2018年8月第4次印刷) 4)《中学生可以这样学Python》2018年5月第2次印刷) 5)《Python程序设计开发宝典》(2018年2月第3次印刷) 6)《玩转Python轻松过二级》(2018年7月第3次印刷) 7)《Python程序设计基础与应用》(2018年9月上架) |
|
来自: ZhouAndrew > 《Python》