HTML学习笔记-v1.2
2015-06-04 12:51
323 查看
概要：
最近发现原来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>要费事一些，他俩效果一样的 -->
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 