html基本操作，看了这些你就能做简易网页？

.HTML基本标签

HTML（HyperTextMark-upLanguage）即超文本标记语言或超文本链接标示语言，是WWW的描述语言。

HTML文档的结构

HTML标签由标签、属性、内容组成，属性与内容可选。
包含内容的标签以<…>开始，</…>结束，不包含内容的标签可以是如下格式：<…/>
属性的值尽量用双引号或单引号修饰
标签中的内容可以是其他的标签，称为原标签的子标签，子标签必须在父标签结束之前结束

2.页面背景色或背景图像

<body background="back_image.GIF" >

Hello World！

</body>

（网页背景图像）

<body bgcolor="#FFCCFF">

Hello World!

</body>

（网页背景色彩）

3.文本相关标签

标题标签<h1>－<h6>，<font>标签。

行的控制

段落标签<p>，换行标签<br>。

标题标签

<h#> ... </h#>，#=1, 2, 3, 4, 5, 6 （说明：<h1>到<h6>字体大小依次递减）

<sub>下标文字，<sup>上标文字，<del>删除线。

段落标签<p>，换行标签<br>。

内容分隔<HR>标签

<HR> 标签用于在页面上绘制水平线。

图像标签

图像的基本语法：<img src=“images/adv_2.jpg” width=“300” height=“150” alt=“在线报名” >

页面链接<A>标签

要链接到同一目录 (C:\HTML) 下的页面，可编写 <A HREF = “Doc1.htm”> 或 <A HREF = “C:\html\Doc2.htm”>

链接到本页面：

图像链接

</a>

滚动<marquee>标签

滚动文字或图像

</marquee>

说明：scrolldelay：表示滚动延迟时间，默认值为90；direction：表示滚动的方向，默认为从右向左。

2.HTML/CSS基础

目标：掌握列表的用法
使用表格的基本结构实现简单表格
使用表格相关标签实现跨行、跨列的复杂表格
会使用表单的基本结构制作表单页面
会使用各种表单元素实现注册页面
能理解post和get两种提交方式的区别

无序列表标签<ul>用于页面中没有顺序的列举项。

格式： <ul type=“”>

type属性设置标号的类型，值可以取：

1 disc ：实心圆点

2 circle ：空心圆点

3 square ：实心方块

无序列表

有序列表<ol>用于说明页面中的某些成分，需要按特定的顺序排列。有序列表的每项都有连续的编号。

格式：<ol type=“” start=“”>

type设置标号的类型，值可以取：

1 1：显示数字

2 A：显示大写字母

3 a：显示小写字母

4 I：显示大写罗马数字

5 i：显示小写罗马数字

有序列表

嵌套列表：一个列表作为另一个列表的一部分，即多层列表。

嵌套列表

表格<table>应用场合

门户网站应用表格

表格的基本语法

<table>...</ table >定义表格

如何创建表格

创建表格

表格表现

表头与标题

域名数量报表的创建

域名数量报表

什么是跨行跨列的表格

1.跨多列的表格

2.跨多行的表格

3.如何创建跨行跨列的表格

表格的尺寸和边框

品牌商城表的创建

width用来设置表格的宽度；height用来设置表格的高度；border用来设置表格边框尺寸大小；bordercolor用来设置表格边框颜色。

品牌商城表

背景：background属性用来设置表格的背景图片；bgcolor属性用来设置表格、行、列的背景色。

对其方式：align属性用来设置表格、行、列的对齐方式。

文本框基本语法

文本框的建设

文本框

密码框基本语法

密码框的建设

密码框，22个字符宽度

单选按钮基本语法

单选按钮的建设

单选按钮框

复选框基本语法

列表框基本语法

多行文本框基本语法

按钮基本语法

其他表单元素：<input type=“hidden”/>表单隐藏域
<input type=“image”/>表单图片按钮
<input type=“file”/>文件浏览

<label>标签

<label>标签可以绑定某个表单元素，用于扩展可以相应点击等事件的区域

如：当点击复选框右边的提示文字时，该复选框也可被选中。

内容有限，关于css，div和网页布局的部分就下次在和大家分享吧！

TML标签规范

尽管目前浏览器都兼容HTML，但是，使网页能够符合标准，应该尽量使用XHTML规范来编写代码，需要注意以下事项：

（1）在XHTML中，标签名必须小写。在HTML中，标签名称可以大写，也可以小写。

（2）在XHTML中，属性名称必须小写。在HTML中，属性名称也必须是小写的。

（3）在XHTML中，标签必须严格嵌套；HTML对标签的嵌套没有严格的规定。

（4）在XHTML中，标签必须封闭；在HTML规范中，标签不闭合也是正确的，即标签可以不成对出现。例如，“<p>我没有结束标签”和“<p>我有开始标签和结束标签</p >”，这两条代码的显示效果，在HTML规范中是完全相同的，但是，在XHTML中，第一条语句是不允许的(不能正常显示)，必须像第二条语句那样，严格地使标签闭合。

（5）在XHTML中，即使是空元素的标签也必须封闭，这里说的空标签，就是指那些<img>、<br>、<hr>等不对称的标签，它们也必须闭合，即写作<img>、<br>、<hr/>；而在HTML.规范中，这类标签可以不封闭。例如，在HTML中书写为<img>或<img/>均是正确的，但在XHTML规范中，必须写为<img/>才正确。

（6）在XHTML中，属性值必须用双引号括起来；在HTML中，属性可以不必使用双引号。

（7）在XHTML中，属性值必须使用完整形式；在HTML中，一些属性经常使用简写方式设定属性值。例如：

而在XHTML中，必须完整地写做：

(8)在XHTML中，应该区分“内容标签”与“结构标签”。例如，<p>标签是一个内容标签，而<table>标签是结构标签，因此，不允许将<table>标签置于<p>标签内部。反之，如果将<p>标签置于<td>…</td>之间，则是完全正确的。

（9)在XHTML中，必须添加文档类型声明<！DOCTYPE>。该标签用于描述HTML的版本和文档类型声明，进行了相应的版本和文档类型声明之后，才能保证这是一个XHTML网页，从而让浏览器以相应的规范来解析网页，使网页正常显示。

TML即超文本标记语言 (Hyper Text Markup Language)，是用来描述网页的一种语言。
超文本标记语言的结构包括"头"部分（外语：Head）、和"主体"部分（外语：Body），其中"头"部提供关于网页的信息，"主体"部分提供网页的具体内容。
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

如下代码：

<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

例子解释:

<html> 与 </html> 之间的文本描述网页
<body> 与</body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落

HTML 元素

HTML 文档是由 HTML 元素定义的。

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

注释：开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag），大多数 HTML 元素可拥有属性。

空的 HTML 元素：

没有内容的 HTML 元素被称为空元素。在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。

在开始标签中添加斜杠，比如:<br>就是没有关闭标签的空元素, 而<br />是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

即使 <br>在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。

HTML 提示：使用小写标签

HTML 标签对大小写不敏感：<P> 等同于<p>。许多网站都使用大写的 HTML 标签。

W3School 使用的是小写标签，因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。

HTML 属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现，比如：name="value"。

属性总是在 HTML 元素的开始标签中规定。

属性实例:

HTML 链接由 <a>标签定义。链接的地址在 href 属性中指定：

<a href="http://www.w3school.com.cn">This is a link</a>

注释：属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name='Bill "HelloWorld" Gates'。

我自己是一名从事了多年开发的web前端老程序员，目前辞职在做自己的web前端私人定制课程，今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货，各种框架都有整理，送给每一位前端小伙伴，想要获取的可以关注我的头条号并在后台私信我：前端，即可免费获取。

HTML 提示：使用小写属性

属性和属性值对大小写不敏感。

不过，万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。

而新版本的 (X)HTML 要求使用小写属性。

一些常见HTML属性:

HTML 编辑器

使用 Notepad 或 TextEdit 来编写 HTML

可以使用专业的 HTML 编辑器来编辑 HTML：

Adobe Dreamweaver

Microsoft Expression Web

CoffeeCup HTML Editor

HTML 标题

标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。
<h1>This is a heading</h1><h1>定义最大的标题。
<h6>This is a heading</h6><h6> 定义最小的标题。

注释：浏览器会自动地在标题的前后添加空行。

注释：默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。

练习题

1.以下关于标题的说法哪种是错误的？

A默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行

B使用标题仅仅是为了产生粗体或大号的文本

C搜索引擎使用标题为您的网页的结构和内容编制索引

2.下面几个标题哪个权重最高，最主要？

A<h1>This is a heading</h1>

B<h2>This is a heading</h2>

C<h3>This is a heading</h3>

3.默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行,这个说法对吗？

A对

B错

4.以下关于段落的做法哪种是正确的？

A<p>This is a paragraph

B使用空的段落标记 <p></p> 去插入一个空行

C<p>This is a paragraph </p>

原文链接：https://mp.weixin.qq.com/s?src=11×tamp=1576462698&ver=2037&signature=T2Y4nDq1tylgwbylaAYBEiwqYNuQy0BzSdRIEzkzni71BqjVzvhA0eT7YdzrQ9*ZeGQtOKZ0z4V6axdTgxpf7n0x*wBZpS6*xYfaZwBzpdk5v1kwcJgPVjudZ8x5yPVx&new=1

在线咨询

上一篇：HTML和CSS概述
下一篇：用html代码编写的免费软件下载和安装教程

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

html基本操作，看了这些你就能做简易网页？

.HTML基本标签

2.HTML/CSS基础

您的项目需求