开始标签 | 元素内容 | 结束标签 |
---|---|---|
| 段落 |
|
| 链接 |
|
| 换行 |
# 以开始标签起始,以结束标签终止;
# 元素内容是开始标签与结束标签之间的内容;
# 空元素在开始标签中进行关闭(以开始标签的结束而结束);
# 多数元素可拥有属性。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>开始学习html,这是我的第一个页面,哈哈哈!</title>
</head>
<body>
<h1>标题1:虽然我不会,但是我有学习的动力!</h1>
<h2>标题2:今天我认真的学习了!</h2>
<p>这是一个段落!</p>
</body>
</html>>
<html>
、<head>
、<body>
、<h1>
、<h2>
、<p>
六个html元素;<br>
就是没有关闭标签的空元素;<br />
;<a>dsd</a>
,而不要写<A>sdsd</A>
。name="zhangsan"
;<a>
的href 属性
,表示链接的地址;<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>开始学习html,这是我的第一个页面,哈哈哈!</title>
</head>
<body>
<h1>标题1:虽然我不会,但是我有学习的动力!</h1>
<h2>标题2:今天我认真的学习了!</h2>
<p>这是一个段落!</p>
<a href="https://blog.csdn.net/NoamaNelson">点击进入我的博客链接</a>
</body>
</html>>
属性 | 说明 |
---|---|
class | 规定元素的类名(classname) |
id | 规定元素的唯一 id |
style | 规定元素的行内样式 |
title | 规定元素的额外信息 |
name='gebi "laowang"'
;h
来表示;<h1>到<h6>
标签进行定义;<h1>
是最大标题,依次减小,<h6>
最小;<h1>标题1(类似一级标题,个人叫法)</h1>
<h2>标题2(类似二级标题,个人叫法)</h2>
<h1>标题1(类似一级标题,个人叫法)</h1>
<h1>标题1(类似一级标题,个人叫法)</h1>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>标题学习</title>
</head>
<body>
<h1>1、xx工具的使用</h1>
<h2>1.1、xx工具的下载</h2>
<h3>1.1.1、xx工具下载网址</h3>
<a href="https://blog.csdn.net/NoamaNelson">点击进入我的博客链接</a>
</body>
</html>>
<hr>
来定义 页面中的水平线;<p>段落1</p>
<hr>
<p>段落2</p>
<p>段落3</p>
<p>段落4</p>
<p>段落5</p>
<hr>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>水平线学习</title>
</head>
<body>
<p align="center">静夜思</p>
<hr>
<p align="center">床前明月光,</p>
<p align="center">疑是地上霜。</p>
<p align="center">举头望明月,</p>
<p align="center">低头思故乡。</p>
<hr>
</body>
</html>
<!-- xxxx -->
进行注释;<!-- 写注释的内容 -->
ctrl + /
即可快速进行代码注释;<p>段落内容</p>
来表示;<p>段落内容</p>
;<br>
;6.3 举例<p>段落内容</p>
,诗句的标题是一段,内容是一段;<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>段落学习</title>
</head>
<body>
<!-- 使用一首诗来表示段落! -->
<p align="center">静夜思</p>
<hr>
<p align="center">床前明月光,疑是地上霜。举头望明月,低头思故乡。</p>
<!-- <p align="center">疑是地上霜。</p>
<p align="center">举头望明月,</p>
<p align="center">低头思故乡。</p> -->
<hr>
</body>
</html>
<br>
在一个段落内换行;<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>段落学习</title>
</head>
<body>
<!-- 使用一首诗来表示段落! -->
<p align="center">静夜思</p>
<hr>
<!-- 第一种 -->
<!-- <p align="center">床前明月光,疑是地上霜。举头望明月,低头思故乡。</p> -->
<!-- <p align="center">疑是地上霜。</p>
<p align="center">举头望明月,</p>
<p align="center">低头思故乡。</p> -->
<!-- 第二种 -->
<p align="center">床前明月光,<br>疑是地上霜。<br>举头望明月,<br>低头思故乡。</p>
<hr>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>段落学习</title>
</head>
<body>
<!-- 使用一首诗来表示段落! -->
<p align="center">静夜思</p>
<hr>
<!-- 第一种 -->
<!-- <p align="center">床前明月光,疑是地上霜。举头望明月,低头思故乡。</p> -->
<!-- 第二种 -->
<!-- <p align="center">床前明月光,<br>疑是地上霜。<br>举头望明月,<br>低头思故乡。</p> -->
<!-- 第三种 -->
<p align="center">床前明月光。</p>
<p align="center">疑是地上霜。</p>
<p align="center">举头望明月,</p>
<p align="center">低头思故乡。</p>
<hr>
</body>
</html>
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。