html 入门级标签

DOCTYPE 声明了文档的类型
<html> 标签是HTML页面的根元素，该标签的结束标志为 </html>
<head>标签包含了文档的元（meta）数据，如<meta charset="utf-8">定义网页编码格式为utf-8。
<title>标签定义文档的标题
<body> 标签定义文档的主体，即网页可见的页面内容，该标签的结束标志为 </body>
<h1> 标签作为一个标题使用，该标签的结束标志为 </h1>
<p> 标签作为一个段落显示，该标签的结束标志为 </p>

<!DOCTYPE> 声明

通用声明

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"      
"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

中文编码

在 HTML 页面的头部声明字符为 UTF-8 可以解决在浏览器中出现中文乱码的现象。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的第一个html网页</title>
</head>
<body>
    <p>这是一个段落</p>
</body>
</html>

HTML 基础- 4个实例

HTML 标题

HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.

h 是英文header标题的缩写，标题无处不在，它的应用范围十分广泛：网站结构、写作文、PPT 等。h1 是主标题，h2 是副标题，h3、h4、h5、h6 依次递减字体的大小，在设计网页时一个网页中应该只有一个h1标签。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的第一个html网页</title>
</head>
<body>
    <h1>这是标题1</h1>
    <h2>这是标题2</h2>
    <h3>这是标题3</h3>
    <h4>这是标题4</h4>
    <h5>这是标题5</h5>
    <h6>这是标题6</h6>
</body>
</html>

h1~h6

HTML 段落

HTML 段落是通过标签 <p> 来定义的，P 是英文paragraph段落的缩写，经常被用来创建一个段落

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的第一个html网页</title>
</head>
<body>
    <p>这个一个段落</p>
</body>
</html>

HTML 链接

HTML 链接是通过标签 <a> 来定义的.a标签，也叫anchor（锚点）元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的某部分实现内部导航功能。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的第一个html网页</title>
</head>
<body>
<a href="http://www.9158.com">9158美女聊天</a>
</body>
</html>

posted on 2018-09-17 20:14 Louiszj 阅读(79) 评论(0) 收藏举报

刷新页面返回顶部