html文档的基本结构 html在线编辑器网页
很多朋友对于html文档的基本结构和html在线编辑器网页不太懂，今天就由小编来为大家分享，希望可以帮助到大家，下面一起来看看吧！
简述“HTML”文档的基本结构
HTML（HyperText Mark-up Language,超文本标记语言或超文本链接标示语言），是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
HTML文档基本结构
在HTML网页文档的基本结构中主要包含以下几种标记。
1.HTML文件标记
<HTML>和</HTML>标记放在网页文档的最外层，表示这对标记间的内容是HTML文档。<HTML>放在文件开头，</HTML>放在文件结尾，在这两个标记中间嵌套其他标记。
2.HEAD文件头部标记
文件头用<HEAD>和</HEAD>标记，该标记出现在文件的起始部分。标记内的内容不在浏览器中显示，主要用来说明文件的有关信息，如文件标题、作者、编写时间、搜索引擎可用的关键词等。
在HEAD标记内最常用的标记是网页主题标记，即TITLE标记，它的格式为：
<TITLE>网页标题</TITLE>
网页标题是提示网页内容和功能的文字，它将出现在浏览器的标题栏中。一个网页只能有一个标题，并且只能出现在文件的头部。
3.BODY文件主体标记
文件主体用<BODY>和</BODY>标记，它是HTML文档的主体部分。网页正文中的所有内容包括文字、表格、图像、声音和动画等都包含在这对标记对之间。通常的标记样式如下：
<BODY background="image-URL" bgcolor="color" text="
color" link="color" alink="color" vlink="color"
leftmargin="value" topmargin="value">…</BODY>.
html文档的基本结构是什么
html文档的基本结构是文档类型声明、html标签对、head标签对、body标签对。HTML的全称为超文本标记语言，是一种标记语言。
HTML（HyperTextMark-upLanguage）是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。
HTML元素是构建网站的基石。HTML允许嵌入图像与对象，并且可以用于创建交互式表单，它被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。HTML的语言形式为尖括号包围的HTML元素（如<html>），浏览器使用HTML标签和脚本来诠释网页内容，但不会将它们显示在页面上。
HTML可以嵌入如JavaScript的脚本语言，它们会影响HTML网页的行为。网页浏览器也可以引用层叠样式表（CSS）来定义文本和其它元素的外观与布局。维护HTML和CSS标准的组织万维网联盟（W3C）鼓励人们使用CSS替代一些用于表现的HTML元素。
HTML文档的基本结构
HTML文档的基本结构
主体标记<BODY>…</BODY>
META标记
META标记是一个特殊的 HTML标记，提供有关网页的信息，如作者姓名、公司名称和联系信息等。
例如：要将 Graham Browne指定为作者，则使用以下 META标记：
http-equiv属性可用来代替 META标记中的 name属性
例如：
设置文本格式
标题
段落
换行符
字体
字符格式化
特殊字符
水平线
设置字体、字号和颜色标记
字符格式化标记
插入特殊字符
某些字符在 HTML中具有特殊意义，如小于号(<)定义 HTML标签的开始
字符实体用于在 HTML文档中插入特殊字符，如版权号，注册商标等
常用特殊符号的实体名称
使用水平线
列表标记
列表用于按逻辑方式对数据分组
列表类型：无序列表
列表类型：有序列表
插入图像
创建超级链接
创建锚点链接
链接到同一文档的某个部分
锚点标记用于使用户“跳转”到文档的某个部分
A标记的NAME属性用于创建锚标记
为达到这种跳转效果，请在 HREF参数中使用该标记
链接到其他文档的特定位置
创建电子邮件链接
小结
HTML标记一般配对使用，不区分大小写
标记都具有属性。属性提供关于网页上HTML元素的附加信息
META标记放置在网页的标题处以提供关于页面的信息。搜索引擎常会用到这些标签
标题级标记使用<H1>…<H6>
段落标记使用<P align＝“对齐方式”>…</P>
无序列表使用<UL>标记,有序列表使用<OL>标记
字体标记<Font color=“颜色” size=“大小” face＝“字体”>
超链接标记<A href=“链接地址”>超链接文本</A>
回顾
表格
创建表格
添加输入型表单控件
框架
小结:
<TABLE width=“?” border=“?” align＝“？”>
<CAPTION>表格标题</ CAPTION>
<TR bgcolor＝“？”>
<TH align=“?”>数据1</TH>
<TH align=“?”>数据2</TH>
…..
</TR>
<TR bgcolor＝“？”>
<TD align=“?”>数据11</TD>
<TD align=“?”>数据22</TD>
</TR>
</TABLE>
<FORM action=“?” method=“?”>
文本框<INPUT type＝“text” name＝“？” value＝“？” maxlength=“">
密码框<INPUT type＝“password” name＝“？” value＝“”>
文本域<textarea name=“？” clos=“？” rows=“？”></textarea>
单选按钮<INPUT TYPE=radio NAME=”？” VALUE=”？”>男性
复选框<input type="Checkbox" name="？" value="？">酒井法子
<SELECT NAME="？">
<OPTION>选项1</OPTION>
<OPTION>选项2</OPTION>
<OPTION>...</OPTION>
</SELECT>
<INPUT type="Submit" value="提交" name="?">
<INPUT type="reset" value="重置" name="?">
</ FORM>
好了，文章到此结束，希望可以帮助到大家。