HTML的基本用法

首页 > HTML基础知识 > HTML的基本用法

目录

设置章节和段落

像下面这样写可以在文本中设置章节和段落。

<html>
<head>
<title>网页制作练习</title>
</head>
<body>
<h1>第一章 入门篇</h1>
<h2>1.1 浏览器</h2>
<p>浏览器就是用来……</p>
<h2>1.2 HTML</h2>
<p>HTML 就是 HyperText Markup Language 的缩写……</p>
</body>
</html>

在浏览器里显示的效果如下。

第一章 入门篇
1.1 浏览器
浏览器就是用来……
1.2 HTML
HTML 就是 HyperText Markup Language 的缩写……

<h1>~</h1> 里的部分是章节的标题。数字是标题的等级,可指定1到6的任意整数。

<p> 是 paragraph 的缩写,意思是开始一个段落。</p> 是可以省略的,但是省略的话有可能造成奇怪的显示效果,所以推荐大家不要省略。

设置粗体字

使用 <b>~</b> 可以设置粗体字。

把文本的一部分设置成<b>粗体字</b>。

在浏览器里显示的效果如下。

把文本的一部分设置成粗体字

设置斜体字

使用 <i>~</i> 可以设置斜体字。

把文本的一部分设置成<i>斜体字</i>。

在浏览器里显示的效果如下。

把文本的一部分设置成斜体字

改变文字的大小

使用 <font size=...>~</font> 可以设置文字的大小。size可以指定1到7的整数。

把文本的一部分改<font size=5>大</font>一点。

在浏览器里显示的效果如下。

把文本的一部分改一点。

设置SIZE="+2" 的话,就会变得比现在大两个等级。

把文本的一部分改<font size="+2">大</font>一点。

也可以用<big>~</big>代替<font size="+1">的效果,与之相反用 <small>~</small>。

要想要设定更大的文字,可以使用样式表。请参考《指定比 <font size=n> 更大的字体》。

改变文字的颜色

使用 <font color=...>~</font> 可以设置文字的颜色。关于各种颜色请参照《色彩入门》。

把文本的一部分变成<font color=red>红色</font>。

在浏览器里显示的效果如下。

把文本的一部分变成红色

改变文字的字体

使用 <font face=...>~</font> 可以设置文字的字体。

把文本的一部分变成 <font face="黑体">黑体</font>。

在浏览器里显示的效果如下。

把文本的一部分变成 黑体

换行

在写HTML代码的时候,如果用回车使代码里的字符串换行,在浏览器里只会显示出一个空格,真正的换行要使用 <br>

字符串在这里<br>换行。

在浏览器里显示的效果如下。

字符串在这里
换行。

要禁止换行可以使用 <nobr>,要让HTML代码里的换行和空格直接显示在浏览器里可以使用 <pre>

设置列表

要设置列表可以使用 <ul>~</ul>、<ol>~</ol>、<dl>~</dl>。

<ul>
<li>设置列表1</li>
<li>设置列表2</li>
</ul>

<ol>
<li>设置列表3</li>
<li>设置列表4</li>
</ol>

<dl>
<dt>HTML</dt>
<dd>HTML是什么?</dd>
<dt>JavaScript</dt>
<dd>JavaScript是什么?</dd>
</dl>

在浏览器里显示的效果如下。

  1. 设置列表3
  2. 设置列表4
HTML
HTML是什么?
JavaScript
JavaScript是什么?