一、HTML简介
何为HTML?
HTML(Hype Text Markup Language):超文本标记语言。不是一种编程语言,而是一种标记语言(用来标记标签)。
HTML使用标记标签来描述网页的。
HTML标签:由尖括号围成的关键词,如<html>。
HTML标签通常是成对出现的,如<b>和</b>,且第一个标签是开始标签(开放标签),第二个标签是结束标签(闭合标签)。
常用HTML标签
标签 | 描述 |
<html> | 定义HTML文档 |
<body> | 定义HTML主体 |
<h1>to<h6> | 定义HTML标题 |
<p> | 定义HTML段落 |
<hr> | 定义水平线 |
head | 定义关于文档的信息 |
<!--...--> | 定义注释 |
<!DOCTYPE> | 定义文档类型 |
<a> | 定义锚 |
<button> | 定义按钮 |
<div> | 定义文档中的节(块级元素) |
<dialog> | 定义对话框或窗口 |
<form> | 定义供用户输入的HTML表单 |
<frame> | 定义框架集的窗口或框架 |
<iframe> | 定义内联框架 |
<img> | 定义图像 |
<input> | 定义输入控件 |
<li> | 定义列表的项目 |
<span> | 定义文档中的节(行内元素) |
<ul> | 定义无序列表 |
<br /> | 插入换行符 |
HTML标签分为两种等级:行内元素和块级元素。
(1)行内元素(<span>、<a>、<label>、 <strong> 和<em>等):
①能与其他行内元素并排;
②不能设置宽高,默认的宽度就是文字的宽度;
③行内元素 --》块级元素转换:
span{
display:block;
}
(2)块级元素(div>、 <p>、<h1>、<form>、<ul> 和 <li>等):
①一个块级元素独占一行,不能与其他元素并排;
②可设置宽高,若不设置宽度,则默认变为父级的100%;
③块级元素 --》行内元素转换:
div{
display:inline;
}
HTML文档:包含HTML标签和纯文本,用来描述网页。
Web浏览器的作用是读取HTML文档,并以网页的形式显示出他们。浏览器不会显示HTML标签,而是使用标签来解释网页的内容。
<html> <body> <h1>我的第一个标题</h1> <p>我的第一个段落。</p> </body> </html>
例子解释:
<html>与</html>之间的文本描述网页
<body>与</body>之间的文本为可见内容
<h1>与</h1>之间的文本被显示为标题
<p>与</p>之间的文本被显示为段落
二、常用编辑器
Notepad或TextEdit或者Adobe Dreamweaver。
(保存HTML:编辑好HTML文本后,保存文件时使用.html后缀即可)