HTML之元素、属性、标题、段落【笔记小结】
虫无涯虫无涯 -
<p>段落</p><a>链接</a><br>换行 语法：# 以开始标签起始，以结束标签终止；
# 元素内容是开始标签与结束标签之间的内容；
# 空元素在开始标签中进行关闭（以开始标签的结束而结束）；
# 多数元素可拥有属性。<!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元素；1.3 空元素没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的；比如前边说的<br> 就是没有关闭标签的空元素；空元素的关闭方法为，例如<br />；1.4 书写注意事项元素建议使用小写，比如<a>dsd</a>，而不要写<A>sdsd</A>。1.5 HTML标签内容比较多，可以参考学习https://www.runoob.com/tags/html-reference.html2 属性2.1 属性说明对TML 元素可以设置属性；属性可以在元素中添加附加信息；属性一般描述于开始标签；属性总是以名称/值对的形式出现,比如python中的字典，有键和值，比如name="zhangsan";2.2 示例比如元素<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>>
name='gebi "laowang"';3 标题3.1 标题说明这个和markdown查不对，都使用h来表示；使用<h1>到<h6>标签进行定义；<h1>是最大标题，依次减小，<h6>最小；3.2 使用方法<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> 来定义 页面中的水平线；其作用可用来分割内容。4.2 使用方法<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 -->进行注释；和编程语言一样，提升代码的可阅读性，不会被浏览器显示出来。5.2 使用方法<!-- 写注释的内容 -->5.3 举例vs code直接在需要加注释的代码行使用ctrl + /即可快速进行代码注释；
<p>段落内容</p>来表示；浏览器会自动在段落前后加空行。6.2 使用方法<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>、
特别申明：本文内容来源网络，版权归原作者所有，如有侵权请立即与我们联系（cy198701067573@163.com），我们将及时处理。
上一篇： XView 架构升级之路
下一篇： Node.js 未来发展趋势
Tags 标签
html软件测试html5扩展阅读
HTML5离线存储
2020-03-06 14:13:06 []在解决php5 Excel文件读取时的收获
2021-01-01 22:56:28 []图形框架clunch如何实现跨端开发（uniapp+微信小程序）
2021-07-28 13:24:03 [你好2007]Python实现一个简单的毕业生信息管理系统的示例代码！非常简单
2021-07-29 06:56:23 [mengy7762]前端面试每日 3+1 —— 第831天
2021-07-29 11:05:32 [浪子神剑]Python自学真的可以学好嘛?
2021-07-29 08:27:53 [mengy7762]前端程序员饱和了吗？我们公司给初级前端开到了12K
2021-07-29 09:38:50 [驭己]手写一个转盘抽奖
2021-07-29 06:15:34 [GeGeZZ]加个好友，技术交流
