htmledit_views">
本文内容的标签,将是看懂HTML的最基本之基本 ,是跟您在写文章时候一样内容。一般想掌握极其容易,但是也要懂得如何使用,过目不忘,为手熟尔。才是我们学习的最终目的。其实边看边敲都行,或者是边看边复制粘贴运行就好。
该文章为个人成长笔记,仅供学习研究,感谢您的阅览。
内容简介
...................................以下就是,很容易的。
标签注释标签
<!--这是一段注释。注释不会在浏览器中显示。-->
文章段落标签
<p>这是一段普通的段落。</p>
文章标题标签(由大到小)
<h1>这是h1标题</h1>
<h2>这是h2标题</h2>
<h3>这是h3标题</h3>
<h4>这是h4标题</h4>
<h5>这是h5标题</h5>
<h6>这是h6标题</h6>
文章换行标签
<br />
文章换行线标签
<hr>
文本加粗属性标签
<b>这是字体加粗</b>
<strong>这是字体加粗</strong>
文本斜体属性标签
<i>这是斜体</i>
文本下划线属性标签
<u>这是下划线</u>
文本删除线属性标签
<del>这是删除线</del>
文本上标与下标属性标签
<sup>这是上标</sup>
<sub>这是下标</sub>
规定文本字体属性标签
<font>这是规定字体属性</font>
size 规定字体的大小
color 规定字体的颜色
<font size="10" color="red">这是规定字体属性</font>
以上内容中和运用,代码如下:
html"><!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><!--这是一段注释。注释不会在浏览器中显示。--><p>这是一段普通的段落。</p><br /><hr><h1>这是h1标题</h1><br /><hr><h2>这是h2标题</h2><br /><hr><h3>这是h3标题</h3><br /><hr><h4>这是h4标题</h4><br /><hr><h5>这是h5标题</h5><br /><hr><h6>这是h6标题</h6><br /><hr><b>这是字体加粗</b><br /><hr><strong>这是字体加粗</strong><br /><hr><i>这是斜体</i><br /><hr><u>这是下划线</u><br /><hr><del>这是删除线</del><br /><hr><sup>这是上标</sup><br /><hr><sub>这是下标</sub><br /><hr><font size="10" color="red">这是规定字体属性</font><br /><hr><pre> 会保留缩进会保留缩进会保留缩进会保留缩进会保留缩进</pre><br /><hr><code>会保留部分标签元素</code><br /><hr><code>function sayHello() {console.log("Hello, World!");if (true) {console.log("This is a conditional statement.");}
}
sayHello();
</code><br /><hr>
</body>
</html>
运行效果如下,可以开两个页面对照着看,不然您自己可以上手敲一哈。
预格式化的文本标签
<pre>会保留缩进</pre>
行内代码元素标签
<code>会保留部分标签元素</code>
一般这二者会联合起来一起用,代码如下:
html"><!DOCTYPE html>
<html lang="en">
<head><title>显示代码示例</title>
</head>
<body><h1>以下是一段 JavaScript 代码示例:</h1><pre><code>
function sayHello() {console.log("Hello, World!");if (true) {console.log("This is a conditional statement.");}
}
sayHello();</code></pre>
</body>
</html>
另外做个补充
<title>我是网页窗口的标题,你往上看这几个标签就是我</title>