1 html简介

简介

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="mystyle.css">

<title>lizi_test</title>
</head>
<body>
标题：
<h1>lizi-1</h1>
<h2>lizi-2</h2>
<h3>lizi-3</h3>
    
段落：
<p>lizi-段落</p>
    
链接：
<a href="https://www.baidu.com">点击跳转百度</a><br>
    
表格：
<table border="1">
    <tr>
        <th>姓名</th>
        <th>年龄</th>
    </tr>
    <tr>
        <td>张飞</td>
        <td>18</td>
    </tr>
    <tr>
        <td>赵云</td>
        <td>16</td>
    </tr>
</table>
    
有序列表：省份
<ol>
    <li>北京</li>
    <li>上海</li>
</ol>
    
无序列表：水果
<ul>
    <li>苹果</li>
    <li>葡萄</li>
</ul>
    
div 元素是块级元素，它可用于组合其他 HTML 元素的容器。
<div>HTML元素容器</div> 
    
span 元素是内联元素，可用作文本的容器
<p>文本容器 <span style="color:blue">蓝色</span></p>
<br>
    
表单：
<form name="input" action="路由" method="post">
用户名: <input type="text" name="username"><br>
密码: <input type="password" name="password"><br>
性别
    <input type="radio" name="sex" value="male">男
    <input type="radio" name="sex" value="female">女<br>
爱好：
    <input type="checkbox" name="hobby" value="reading">读书
    <input type="checkbox" name="hobby" value="sport">运动<br>
住址：
    <select name="city">
        <option value="1" selected>北京</option>
        <option value="2" >上海</option>
        <option value="3">广州</option>
    </select><br>
工作：
    <select multiple size="10">
        <option>功能测试</option>
        <option>自动化测试</option>
        <option>接口测试</option>
        <option>性能测试</option>
    </select><br>
<input type="submit" value="提交">
</form>
    
框架：
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="//www.runoob.com" target="iframe_a">RUNOOB.COM</a></p>
    
图片：<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimgo.yqdown.com%2Fimg2021%2F2%2F19%2F21%2F20210219769767455209.jpg&refer=http%3A%2F%2Fimgo.yqdown.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1619419824&t=2c8e2a750ce0344130ab7e638df0dae8">

</body>
</html>

 

posted @ 2021-03-27 15:41  栗子测试开发  阅读(142)  评论(0)    收藏  举报