网页制作(html)的基本知识(二)基本操作
程序员文章站
2022-04-23 18:13:34
...
1.1HTML 标题
标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
<h1> 定义最大的标题。<h6> 定义最小的标题。
<html> <body> <h1>This is heading 1</h1> <h2>This is heading 2</h2> <h3>This is heading 3</h3> <h4>This is heading 4</h4> <h5>This is heading 5</h5> <h6>This is heading 6</h6> <p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p> </body> </html>
1.2HTML 水平线
<hr /> 标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。
<html> <body> <p>hr 标签定义水平线:</p> <hr /> <p>这是段落。</p> <hr /> <p>这是段落。</p> <hr /> <p>这是段落。</p> </body> </html>
1.3HTML 注释
可以将注释插入 HTML 代码中,这样可以提高其可读性,使代码更易被人理解。浏览器会忽略注释,也不会显示它们。
注释是这样写的:
<html> <body> <!--这是一段注释。注释不会在浏览器中显示。--> <p>这是一段普通的段落。</p> </body> </html>
注释:开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要。
提示:合理地使用注释可以对未来的代码编辑工作产生帮助。
2.1HTML 折行
如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签
<html> <body> <p>To break<br />lines<br />in a<br />paragraph,<br />use the br tag.</p> </body></html>
2.2HTML 输出 - 有用的提示
我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。
对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。
<html> <body> <h1>春晓</h1> <p> 春眠不觉晓, 处处闻啼鸟。 夜来风雨声, 花落知多少。 </p> <p>注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。</p> </body> </html>
【相关推荐】
1. 免费html在线视频教程
2. html开发手册
以上就是网页制作(html)的基本知识(二)基本操作的详细内容,更多请关注其它相关文章!
推荐阅读
-
《HTML、CSS、Javascript网页制作,从入门到精通》——第一章 HTML基础,第二章HTML基本标记
-
HTML 基本语法 方便刚开始学习html的朋友_HTML/Xhtml_网页制作
-
HTML 基本语法 方便刚开始学习html的朋友_HTML/Xhtml_网页制作
-
Web开发中的基本概念和用到的技术简介_HTML/Xhtml_网页制作
-
网页制作(html)的基本知识(二)基本操作
-
网页制作(html)的基本知识(一)html初识及属性
-
网页制作(html)的基本知识(二)基本操作
-
HTML网页的基本组成概述_HTML/Xhtml_网页制作
-
利用DIV+CSS制作网页过程中常用的基本概念及标签使_html/css_WEB-ITnose
-
网页制作(html)的基本知识(三)html+css