1.
解决HTML中文乱码问题:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
</head>
这样就能告诉浏览器使用GB2312方式显示中文
如果 GB2312不行,就用UTF-8
2.标签
<p>…………</p>
<p>标签即表示段落,是paragraph的缩写,自带换行效果
3.标题
分为六个等级 1-6 h1最大,h6最小
标题会自动粗体,大写其中的内容,并且带有换行效果
<h1>…………</h1>
4.注释
html 用<!-- ………… --> 注释
5. 粗体
b是bold的缩写,仅仅表示该文本是粗体的,并不暗示这段文字的重要性
strong虽然也是粗体,但是更多的是强调语义上的加重,提醒用户该文本的重要性。 在SEO(搜索引擎优化)的时候,也更加容易帮助用户找到重点的内容
推荐使用strong
6.小知识点
<br> 换行 <hr> 加一个分割线
7.斜体
i是italic的缩写,仅仅表示该文本是斜体的,并不暗示这段文字的重要性
em 是 Emphasized的缩写,虽然也是斜体,但是更多的是强调语义上的加重,提醒用户该文本的重要性。 常常用于引入新的术语的时候使用。不带自动换行效果。
<p>无效果</p>
<strong>粗体</strong>
<br/>
<i>斜体</i>
<br/>
<strong><i>同时有粗体和斜体</i></strong>
8.显示代码
有时候,需要在网页上显示代码,比如java代码
就需要用到pre
<pre>
public class HelloWorld {
public static void main(String[] args) {
System.out.println("Hello World");
}
}
</pre>
9.删除标签
<del>即删除标签
delete的缩写
使用s标签实现的删除效果,但是不建议使用,因为很多浏览器不支持s标签
<s>使用s标签实现的删除效果,但是不建议使用,因为很多浏览器不支持s标签</s>
10.下划线的标签
使用ins标签实现的下划线效果
使用u标签实现的下划线效果,但是不建议使用
但是通常来讲,不要给普通文本加下划线,因为用户会误以为是一个超链
<ins>使用ins标签实现的下划线效果</ins>
<br/>
<u>使用u标签实现的下划线效果,但是不建议使用</u>
阶段性小练习
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
</head>
<body>
<h1>英雄联盟 (2011年腾讯运营的电子竞技类游戏)</h1>
<p><b>《英雄联盟》</b>(简称LOL)是由美国拳头游戏(<i>Riot Games</i>)开发、中国大陆地区腾讯游戏代理运营的英雄对战MOBA竞技网游。</p>
<br>
<p><b>《英雄联盟》</b>游戏里拥有数百个个性英雄,并拥有排位系统、符文系统等特色养成系统。</p>
<br>
<p><b>《英雄联盟》</b>还致力于推动全球电子竞技的发展,除了联动各赛区发展职业联赛、打造电竞体系之外,每年还会举办“季中冠军赛”<del>“全球总决赛”</del>“All Star全明星赛”三大世界级赛事,获得了亿万玩家的喜爱,形成了自己独有的电子竞技文化。 <ins>[1]</ins></p>
</body>
</html>