概要:
最近发现原来CSDN还可以有这个目录功能嘎~ 嘎嘎~ 初学者少见多怪,偶遇佳事便喜大普奔还望见谅哈哈,学习HTML有一阵子了,是抽空学的,还不太精,也就是个皮毛,上回写到了href属性问题,这回我们继续咯~
换行符号<hr />
先贴上来一段代码
<html>
<body>
<p>
要想<br />换行<br />在一个段落(p)里<br />我看好<br /> "br" 标签.
</p>
</body>
</html>
<br /> 标签是用来换行的,但是其本身所处的段落不变,这里要略带一句,编码规范是很重要的,我们可以发现<br /> 和 <br > 运行时是一样的,但是这里有一个
规定:
在HTML、XML以及HTML5等HTML进化版本中,是不允许没有结束标签的,所以,加上结束标签是正统,也会为我们避免一些不必要出现的灵异事件
另外要注意的事情就是在HTML中会自动忽略我们自己打出来的非标签形式的空行或空格,也就是如果要设计一个网页文字的排版格式,就一定要用我们之前学过的标签
HTML格式化
接着上面的我们开始学习格式
<html>
<body>
<b>加粗标签</b>
<br />
<strong>变壮标签(和加粗差不多....)</strong>
<br />
<big>字号变大(稍微)标签,想要大幅改变就设为标题吧...至少学到这里只有这种方法</big>
<br />
<em>强调标签(和后面的倾斜差不多)</em>
<br />
<i>倾斜标签(和前面的强调差不多...废话了)</i>
<br /><small>变小标签</small>
<br />
<pre name="code" class="html"><!-- 字体整体下移一点,submission表示屈服的意思 -->
这个字体
<sub>下移了</sub>
<br />
这个字体
<sup>上移了</sup>
</body>
</html> 这是基础的HTML的格式化标签,常用的就是加粗和倾斜
保留空格和换行的预格式文本<pre>
<html>
<body>
<pre>
这是预格式文本。
它保留了 空格
和换行。
</pre>
<p>pre 标签很适合显示计算机代码:</p>
<pre>
for i = 1 to 10
print i
next i
</pre>
</body>
</html>
<pre>是个很神奇的东西哎,之前我们还以为只能用标签来控制文本格式呢,有了它就好办了,pre在英文中为预先的前缀
“计算机输出”标签
这个目前还不知道怎么用哎,先把栗子发上了
<html>
<body>
<code>Computer code</code>
<br />
<kbd>Keyboard input</kbd>
<br />
<tt>Teletype text</tt>
<br />
<samp>Sample text</samp>
<br />
<var>Computer variable</var>
<br />
<p>
<b>注释:</b>这些标签常用于显示计算机/编程代码。
</p>
</body>
</html>
突然被这么多计算机标签唬住了,其实code,samp等差不多,用于显示源代码,没特殊意思
<code> 定义计算机代码。
<kbd> 定义键盘码。
<tt> 定义打字机代码。
<samp> 定义计算机代码样本。
<var>定义变量。
邮箱、地址等联系方式的编辑<address>
<html>
<body>
<address>
Written by <a href="liuyunfeishui@foxmail.com">这是我的邮箱</a>.<br>
欢迎<br>
前来拜访<br>
哈尔滨工业大学, 软件工程专业<br>
中国.威海
</address>
</body>
</html>
恩恩,就是这样,显示出来的字体回和其他的字体不一样,属性值设立链接是我们之前学习过的,正好在这里做一下复习
用<tittle>标签来完成鼠标放到上面显示全称
<html>
<body>
<abbr title="这是abbr">abbr</abbr>
<br />
<acronym title="这是acronym">acr</acronym>
</body>
</html>
仅对于 IE 5 中的 acronym 元素有效。对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。挺有趣的一个标签,注意使用格式哦~
结语:
今天就先到这里吧,下午又要去准备考试了,其实生活可以很美好,很多事情都没有那么严重,只不过是我们有时太较真了,最近发的HTML的学习笔记都是很基础很基础的,正在慢慢学习,以后也许可以当字典用吧~~哈哈
<strong>无论选择什么,请漂亮的坚持</strong>
<!-- strong表示对文本的强调,就是写起来比<b>要费事一些,他俩效果一样的 -->