HTML5学习
HTML 指的是超文本标记语言:HyperText Markup Language,使用标记标签来描述网页,HTML文档也叫做 web 页面。
html文档:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<base href="./"></base>
<title>我的标题</title>
</head>
<body>
<!--字体-->>
<h2 style="text-align:center">我的二级标题</h2>
<p>我的第一个<mark>段落</mark></p>
<p><b>我的第一句话</b></p>
<p><i>我的第二句话</i></p>
<p>我的第<del>四</del><ins>三</ins>句话</p>
<!--表格-->
<table border="1" cellpadding="6">
<caption>table show</caption>
<tr>
<th>col1</th>
<th colspan="2">col2</th>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
<!--列表-->
<ol type="I">
<li>列表一</li>
<li>列表一</li>
</ol>
<ul style="list-style-type:disc">
<li>列表3</li>
<li>列表4</li>
</ul>
<!--表单-->
<form action="" method="post">
your name:<input type="text" name="name"><br />
your password:<input type="password" name="password"><br />
sex:<input type="radio" name="sex-man">man
<input type="radio" name="sex-woman">woman
<br />
<input type="submit" value="提交">
</form>
<br>
<hr />
<a href="https://www.baidu.com" target="_blank">百度链接</a>
<br />
<!--这是一个注释-->
<img src="image/2.png" alt="this is a image" width="100" height="100" />
</body>
</html>
文档显示:
标签查询:菜鸟教程参考手册
<!DOCTYPE html> : 它是 HTML5 标准网页声明,全称为 Document Type HyperText Mark-up Language,表示网页采用 HTML5,是一条标示语言。
<html>元素是html页面的根元素
<head>元素包含了文档的元(meta)数据
<meta charset="utf-8">定义网页编码格式
<title>元素描述了文章的标题
<body>元素包含了可见的页面内容
<h1> 元素定义一个大标题(标题(Heading)是通过<h1> - <h6> 标签来定义的)
<p> 元素定义了一个段落
<a>元素定义HTML链接
<br>元素表示换行,(没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的)
<hr> 标签在 HTML 页面中创建水平线。