Python-----HTML与JavaScript基础
HTML基础
（1）h标签
在HTML代码中，使用h1到h6表示不同级别的标题，其中h1级别的标题字体
最大，h6级别的标题字体最小。该标签的用法为:
```python
<h1>-级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
(2 ) p标签
在HTML代码中，p标签表示段落,用法为:
<p>这是一个段落</p>
(3)a标签
在HTML代码中, a标签表示超链接，使用时需要指定链接地址(由href属性
来指定)和在页面上显示的文本，用法为:
<a href="http:/ /www. baidu. com">点这里</a>
(4 ) img标签
在HTML代码中，img标签用来显示一个图像 ，并使用src属性指定图像文件
地址，可以使用本地文件，也可以指定网络上的图片。例如:
<img src="Python可以这 样学. jpg" width=" 200" height="300" />
<img src="http://www. tup. tsinghua . edu . cn/ upload/bi gbook img/072406-01. jpg"
width="200"
”height="300" />
(5 ) table. tr. td标签
在HTML代码中，table标签用来创建表格, tr用来创建行，td用来创建单元
格，用法为:
<table border="1">
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
</tr>
<tr>
<td>第二行第一-列</td>
<td>第二行第二列</td>
</tr>
</table>
(6)ul、ol. li
在HTML代码中，ul标签用来创建无序列表，ol标签用来创建有序列表，li标签用来创建其中的列表项。例如，下面是ul和li标签的用法:
<ul id="colors" name="myColor" 》
<li>红色</1i>
<1i>绿色</li>
<li>蓝色</1i>
</u1>
(7)div标签
在HTML代码中，div标签用来创建一个块，其中可以包含其他标签，例如
<div id-"yellowDiv" style-"background-color:yellow; border:#F0000 1px solid;" >
<ol>
<1i>红色</1i>
<1i>绿色</li>
<1i>蓝色</1i>
</0l>
</div>
cdiv id-" reddiv" style- "background- color:red"》
<p>第- -段</p>
<p>第二段</p>
</div>
JavaScript基础
( 1 )在网页中使用JavaScript代码的方式
●可以在HTML标签的事件属性中真接添加JavaScrip代码。例如把下面的代码保存为index.html文件并使用浏览器打开，单击按钮“保存”， 网页会弹出提示“保存成功”。
<html>
<body>
< form>
<input type="button" value=" 保存”onClick=" alert( "保存成功" );">
</form>
</body>
</html>
●对于较多但仅在个别网页中用到的JavaScript代码，可以写在网页中的
<html>
<body>
<div id="test">静态 内容</div>
</body>
<script type="text/javascript">
document . getElementById("test"). innerHTML"动态内容";
</script>
</html>
( 2 )常用JavaScript事件
●把下面的代码保存为index.html并使用浏览器打开，会发现在每次页面加载
时都会弹出提示，但在页面上进行其他操作时，并不会弹出提示。
<html>
<body onLoad=" alert("页面开始加载');">
<div id="test">静态 内容</div>
</body>
</html>
●除了常用的事件之外,还有一些特殊的方式可以执行JavaScript代码，例如
工下面的代码演示了在链接标签中使用href属性指定JavaScript代码的
用法。
<html>
<script type= "text/javascript"》
function test(){alert(' 提示信息');}
</script>
<body>
<a href="javascript:test();">点这里</a>
</body>
</html>
( 3 )常用JavaScript对象
●下面的代码演示了prompt(方法的用法，将其保存为文件index.html并使
用浏览器打开，会提示用户输入任意内容，然后在页面上输出相应的信息。
<html>
<script type="text/javascript">
var city = prompt("请输入一个城市名称: "，“烟台");
document . write("你输入的是: "+city); .
</script>
<body></body>
</html>
●把下面的代码保存为文件index.html，此时页面上会显示图像文件1jpg的
内容，单击该图像时会切换成为2jpg的内容。
<html>
<body>
<img name-" img1" srcw"1.jpg"
onClick=" document. img1.src='2.jpg';" />
</body>
/html>