<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"><!-- 定义字符类型、3秒重新加载页面 http-equiv="refresh" content="3" -->
<style type="text/css">body {background-color:#E8E8E8}
#textarea_id:hover{background-color: #f4323a;}</style><!-- 声明内部css -->
<title id="title_id">selenium调试</title>
</head>
<body>
<h1>h1加粗换行标签</h1>
<h2>h2加粗换行标签</h2>
<h3>h3加粗换行标签</h3>
<!-- style内联样式 -->
<div class="div_class" id="div_id" style="background-color: #E6E6E6;" title="div_title">div块标签</div><!-- -->
<div><button id="button_id" disabled="disabled">不可点击的按钮变成可点击</button></div>
<div><button id="button_id2">可点击的按钮变成不可点击</button></div>
<p id="p_id">p换行标签</p><!-- -->
<b>b标签加粗</b><b>b标签加粗</b><!-- -->
<strong style="background-color:#00FFFF">strong加粗</strong>
<i>i斜体标签</i>
<em>em斜体标签</em>
<small>small变小标签</small>
<sub>sub下标标签</sub>
<sup>sup上标标签</sup>
<ins>ins插入字标签</ins>
<del>del删除标签</del>
<p>我的母亲有 <span style="color:blue">蓝色</span> 的眼睛。</p><!-- span用来组合文档中的行内元素 -->
<a href="https://blog.csdn.net/l15767016983?type=sub&subType=fans" target="_blank">a链接标签</a>
<img src="gg.gif" onclick="changeImage()" alt="img" width="376" height="376">
<br><!-- 第一种break换行标签 -->
<br /><!-- 第二种换行标签 -->
<b style="background-color:rgb(255,255,0)">b标签加粗</b><!-- Bold加粗 -->
<hr><!-- 横线换行 -->
<table border="1"><!-- th定义表头 tr定义行 td定义列 -->
<caption>表格名称</caption>
<tr><!-- table row 定义行 -->
<th>th表头1</th><!-- table header定义表头 -->
<th>th表头2</th>
</tr>
<tr>
<td>td1</td>
<td><img src="gg.gif" alt="img"></td>
</tr>
<tr>
<td><del>del删除标签</del></td>
<td>td4<sub>sub下标标签</sub></td>
</tr>
</table>
<ul><!-- unordered lists无序列表 -->
<li>第一行</li><!-- list item列表项目 -->
<li>第二行</li>
</ul>
<ol start="50"><!-- ordered lists有序列表 -->
<li>Coffee</li>
<li>Milk</li>
</ol>
<dl><!-- definition lists自定义列表 -->
<dt>Coffee</dt><!-- definition term 自定义列表组 -->
<dd>- black hot drink</dd><!-- definition description 自定义列表描述 -->
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
<form action="main_2.html"><!-- form表单 -->
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"><br>
文本框: <input type="text" name="firstname"><br>
密码框: <input type="password" name="pwd"><br>
单选框: <input type="radio" name="sex" value="male">Male<input type="radio" name="sex" value="female">Female<br>
复选框: <input type="checkbox" value="Bike">bike<input type="checkbox" value="Car">car<br>
提交按钮:<input type="submit" value="提交">
<textarea id="textarea_id" rows="10" cols="30">我是多行输入文本框</textarea>
<select><!-- 下拉选择列表 -->
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
</form>
<!-- 定义一个嵌入页面iframe-->
<iframe name="iframe_name" id="iframe_id" style="background-color:#E6E6E6" src="html_t2.html" width=80% height="400"></iframe>
<p><a href="https://blog.csdn.net/l15767016983?type=sub&subType=fans" target="iframe_name">CSDN主页</a></p>
<script>
document.write("Hello World!");
</script>
<div><p id="demo">JavaScript 可以触发事件,就像按钮点击。</p></div>
<button type="button" onclick="myFunction_2()">点我触发js</button>
<!-- 字符实体 -->
<p>这是一段不间断空格 空格</p>
<p>这是大于号>这是小括号<</p>
<button type="button" onclick="alert('欢迎!')">点我弹出alert</button>
<div><button onclick="this.innerHTML=Date()">现在的时间是?</button></div>
<!-- 定义内部JS -->
<script>
document.write("<h1>JavaScript:直接写入 HTML 输出流</h1>");
function myFunction_2(){
alert("这是一个警告框");
document.getElementById("demo").innerHTML="Hello JavaScript!";};
function myFunction_3(){
document.getElementById("div_id").id="div_id_id";
document.getElementById("button_id").removeAttribute("disabled");
document.getElementById("button_id2").disabled="True";};
function myFunction_4(){
document.getElementById("title_id").innerHTML="title变更";};
setTimeout(myFunction_3,3000);
setTimeout(myFunction_4,6000);
</script>
</body>
</html>
HTML、CSS、JS
于 2022-02-18 10:35:06 首次发布