整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
续上次没说完的标题吧，今天也顺便讲下段落和文本格式化。
首先，需要知道的是，标题很重要。
需要确保将 HTML 标题的标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。搜索引擎使用标题为网页的结构和内容编制索引。因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。就像之前发的那张图一样。然后再说说标题的水平线。<hr> 标签在 HTML 页面中创建水平线,hr 元素也可用于分隔内容。实例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210815---(二)测试开发转型</title>
</head>
<body>
<h></h>
<p></p>
<h1>我是最大的，你忍一下</h1>
<hr>
<h2>我是老二，你也要忍一下</h2>
<hr>
<h3>我是老三，我一般</h3>
<hr>
</body>
<a href="https://www.baidu.com">这是一个招聘网站</a>
</html>
可以看到有分割线
HTML注释
接着我们说下HTML的注释，可不是简单的 //
<!-- 这是一个注释 -->
需要注意的一点: 开始括号之后（左边的括号）需要紧跟一个叹号，结束括号之前（右边的括号）不需要，合理地使用注释可以对未来的代码编辑工作产生帮助。
接着说下HTML的段落
HTML 段落
段落是通过 <p> 标签定义的。
具体我们来看个实例：
可以看到三个段落，我们再看看代码是怎么实现的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210815---(二)测试开发转型</title>
</head>
<body>
<h></h>
<p>这是第一个段落</p>
<!--我是一个注释-->
<h1>我是最大的，你忍一下</h1>
<hr>
<p>这是第二个段落</p>
<h2>我是老二，你也要忍一下</h2>
<hr>
<p>这是第三个段落</p>
<h3>我是老三，我一般</h3>
<hr>
</body>
<a href="https://www.baidu.com">这是一个招聘网站</a>
</html>
不要忘记结束标签:即使忘了使用结束标签，大多数浏览器也会正确地将 HTML 显示出来。接着说下在段落中折行，这就需要用到<br>了
我们直接来看看实例:
可以看到有三个折行
来看看代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210815---(二)测试开发转型</title>
</head>
<body>
<h></h>
<p>这是第一个段落,你服不服<br>我不服，你个二愣子</p>
<!--我是一个注释-->
<h1>我是最大的，你忍一下</h1>
<hr>
<p>这是第二个段落<br>你给我滚一边去</p>
<h2>我是老二，你也要忍一下</h2>
<hr>
<p>这是<br>第三个段落<br></p>
<h3>我是老三，我一般</h3>
<hr>
</body>
<a href="https://www.baidu.com">这是一个招聘网站</a>
</html>
<br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签
下一节我们讲下HTML的格式化，包含粗体、斜线等
加油，晚安~
avaScript 使 HTML 页面具有更强的动态和交互性。
在线实例
插入一段脚本
如何将脚本插入 HTML 文档。
使用 <noscript> 标签
如何应对不支持脚本或禁用脚本的浏览器。
HTML <script> 标签
<script> 标签用于定义客户端脚本，比如 JavaScript。
<script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。
JavaScript 最常用于图片操作、表单验证以及内容动态更新。
下面的脚本会向浏览器输出"Hello World!"：
实例
<script>document.write("Hello World!");</script>
Tip: 学习更多关于Javascript教程，请查看JavaScript 教程!
HTML<noscript> 标签
<noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。
<noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。
只有在浏览器不支持脚本或者禁用脚本时，才会显示 <noscript> 元素中的内容：
实例
<script>document.write("Hello World!")</script><noscript>抱歉，你的浏览器不支持 JavaScript!</noscript>
JavaScript体验(来自本站javascript教程)
JavaScript实例代码:
JavaScript可以直接在HTML输出:
document.write("<p>这是一个段落。</p>");
JavaScript事件响应:
<buttontype="button"onclick="myFunction()">点我！</button>
JavaScript处理 HTML 样式:
document.getElementById("demo").style.color="#ff0000";
HTML 脚本标签
| 标签 | 描述 |
|---|---|
| <script> | 定义了客户端脚本 |
| <noscript> | 定义了不支持脚本浏览器输出的文本 |
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！
下是一些常用的HTML网页源代码示例，这些示例可用作HTML文档的基础：
1、创建一个简单的HTML文档结构：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"content="width=device-width,initial-scale=1.0">
<title>My Web Page</title>
</head>
<body>
<h1>Hello,World!</h1>
<p>This is a simple HTML webpage.</p>
</body>
</html>
2、插入图片：
<img src="image.jpg"alt="Description of the image">
3、创建超链接：
<a href="https://www.example.com">Visit Example.com</a>
4、创建无序列表：
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
5、创建有序列表：
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>
6、创建表格：
<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Row 1,Cell 1</td>
<td>Row 1,Cell 2</td>
</tr>
<tr>
<td>Row 2,Cell 1</td>
<td>Row 2,Cell 2</td>
</tr>
</table>
7、插入段落：
<p>This is a paragraph of text.</p>
8、插入换行符：
<p>This is some text.<br>This is on a new line.</p>
9、创建一个文本输入框：
<input type="text"name="username"placeholder="Enter your username">
10、插入按钮：
<button type="button">Click me</button>
这些示例代码只是HTML的基础，HTML具有更丰富的功能和标记选项，可以根据需要进行扩展和定制。请根据您的具体需求，使用这些示例作为起点，构建您自己的网页。
【名扬银河企业网站系统】
【免费】提供企业【网站源码】，简单易用，无须拥有代码基础。
欢迎留言或私信我们咨询。
以上内容由【名扬银河】企业网站系统原创发布，转载请注明出处。
*请认真填写需求信息，我们会在24小时内与您取得联系。
