HTML中最根本的东西
本文内容的标签,将是看懂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>
以上内容中和运用,代码如下: <!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>运行效果如下,可以开两个页面对照着看,不然您自己可以上手敲一哈。
https://i-blog.csdnimg.cn/direct/37a81bdeeacd494ca36a2943387b3928.png
预格式化的文本标签 <pre>会保存缩进</pre> 行内代码元素标签 <code>会保存部分标签元素</code> 一样平常这二者会团结起来一起用,代码如下: <!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>
https://i-blog.csdnimg.cn/direct/fb2df4b1c6f74d328ee24f416fbf08cf.png
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页:
[1]