码迷,mamicode.com
首页 > Web开发 > 详细

HTML

时间:2020-12-21 11:02:11      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:编码   word   姓名   共和国   utf-8   col   进入   width   hyper   

<!--文档类型说明,说明是一个html5的页面-->
<!DOCTYPE html>
<!--文档的开始-->
<html>
<!--文档头的开始-->
<head>
<center>
<!--指定文档编码方式UTF-8,为了解决中文乱码-->
<meta charset="utf-8" />

<title>标题</title>
</head>
<!--头的结束-->

<!--身体的开始-->
<body>
html,hyper text markup language,超文本标签语言,
使用标签书写文档,文档通过浏览器解释执行成页面,给用户显示。
标签,标记,元素
标签分类:
按功能分:块级标签和行级标签
按结构分:双标签和单标签

<!--1.6级标题标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>6级标签</h6>
<head></head>

<!--2.段落标签-->
<p>这是一个新的段落</p>


<!--3.水平线-->
<hr />


<!--4.有序列表-->
<ol>
<li>足球</li>
<li>篮球</li>
<li>乒乓球</li>

</ol>
<!--5.无序列表-->
<ul>
<li>足球</li>
<li>篮球</li>
<li>乒乓球</li>
</ul>


<!--6.定义列表-->
<dl>
<dt>中国</dt>
<dd>中华人民共和国</dd>
</dl>
<!--7.表格-->
<table border="1">s
<tr>
<td>姓名</td>
<td>性别</td>
<td>年龄</td>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>20</td>
</tr>
<tr>
<td>王五</td>
<td>男</td>
<td>30</td>
</tr>
</table>
<!--表单-->
<form action="#">
用户名:<input type="text" />
密码:<input type="password" />
<input type="submit"value="登录" />

</form>
<!--9.div 块-->
<div style="width: 100px;height: 100px;background: red;">


</div>
<!--10.超链接-->
<a href="http://baidu.com">进入百度</a>

<!--13.换行-->
<br />
<br />
<!--11.图片-->
<img src="img/QQ图片20201214090851.jpg" width="200px" height="200px" title="图片"/>

<!--12.范围标签-->
只要<span style="font-size: 100px;color: red;">9.9</span>元

<!--13特殊符号-->
小于:&lt;大于:&gt;空格&nbsp;版本号&copy;

<!--居中-->
</body>
</center>
<!--身体的结束-->
</html>
<!--文档的结束-->

HTML

标签:编码   word   姓名   共和国   utf-8   col   进入   width   hyper   

原文地址:https://www.cnblogs.com/axy52-/p/14140440.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!