HTML -- 简介

一、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后缀即可)

原文地址:https://www.cnblogs.com/Maruying/p/13444731.html