HTML标记语言

最新推荐文章于 2023-08-29 22:08:42 发布

AdaTina

最新推荐文章于 2023-08-29 22:08:42 发布

阅读量308

点赞数

分类专栏： html 文章标签： html postman elementui

本文链接：https://blog.csdn.net/tainqiuer123/article/details/123554068

版权

html 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<!--这是头部信息 -->
<meta charset="utf-8">
<title>我的测试项</title>
<!--这是一个头部图标-->
<link rel="icon" href="https://g.csdnimg.cn/static/logo/favicon32.ico">
<style type="text/css">
     h1,h2,h3,h4,h5,h6,i,strong,b,em,span,p,div{background:green}
    table,table tr td,table tr th{border:1px solid red;}
</style>
</head>
<body>
<h1>这是h1标题</h1>
<h2>这是h2标题</h2>
<h3>这是h3标题</h3>
<h4>这是h4标题</h4>
<h5>这是h5标题</h5>
<h6>这是h6标题</h6>

<!--内联结构
内联结构：可以相互嵌套
->
<i>斜体</i><strong>加粗</strong><b>加粗</b><em>斜体</em>
<span>this is a span</span>

<!--块状结构
块状结构可以嵌套内联结构，内联结构内部不能嵌套块状结构
-->
<p>this is a p 段落</p>
<div>this is a div</div>
<ul type="circle">
<li>无序列表1</li>
<li>无序列表2</li>
</ul>
<ol type="a">
<li>有序列表1</li>
<li>有序列表2</li>
</ol>

<table>
<thead>
<tr><th>标题1</th><th>标题2</th><th>标题3</th></tr>
</thead>
<tbody>
<tr><td>单元格1</td><td>单元格2</td><td>单元格3</td></tr>
</tbody>
</table>

<!--form表单-->
<form method="get"  action="index.php">
<p>昵称：<input type="text" name="username"></p>
<p>密码：<input type="password" name="passwd"></p>
<p>男<input type="radio" name="gender" value="man">女<input type="radio" name="gender" value="woman"></p>
<p>足球<input type="checkbox" name="favorite" value="football">蓝球<input type="checkbox" name="favorite" value="basketball"></p>
<p>国家：<select name="nation">
<option value="china">中国</option>
<option value="us">美国</option>
<option value="english">英国</option>
<option value="russia" selected="selected">俄罗斯</option>
</select></p>
<p>出生年月日：<input type="date" name="birth" value="2022-03-17"></p>
<p><textarea placeholder="个人简介" name="jian"></textarea></p>
<p><input type="submit" value="提交"></p>
</form>
</body>

AdaTina

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML标记语言

<!DOCTYPE html><html><head><meta charset="utf-8"><title>我的测试项</title><link rel="icon" href="https://g.csdnimg.cn/static/logo/favicon32.ico"><style type="text/css.
复制链接

扫一扫

专栏目录