html表格大小怎么调整 一篇文章带你了解HTML语法

点击上方“秦子帅”，进行关注

前言

在做web开发时，我们必不可少的要使用到Html,因为它包含了最基础的网页结构，虽然Html只能帮助我们构建静态网页，但是却是我们最不能缺少的部分，如果把网页比作一个房子，那么Html就是地基，也就是第一件要做的事，可见它的重要性。那么，现在大家就跟随我的脚步去学习下吧。

一、Html基本语法

要想知道Html的语法规则，首先我们得创建一个以Html为后缀的文件，当然也可以是Htm 或者是XHtml,这里不讲述它们的区别。

在写Html之前容我给大家介绍一个神器，它拥有所见即所得的神器效果，也就是说有了它，我们可以编写Html代码边看结果，完全不用浏览器，可以说是相当方便，它就是ExHtmlEditor。

下载地址：

下载解压后即可使用，无需安装，方便快捷。

下面就让我们通过这个软件来正式敲开Html的大门吧。

1.标题

我们经常写文章的时候，常会使用标题，可以发现标题的字体一般比段落的字体要大，因为它要突出整篇文章的核心，用最简短的文字描绘出来。Html中设置标题的相关代码就是~,注意一定要写关闭它们，否则会引发位置的错误。我们常常将这些尖括号里的东西叫做标签，下面我们来看下：

可以看到，标题的字体越来越小。

2.段落

一篇文章除了标题，当然就是一个个段落了，段落中我们常常使用的标签有p标签，写法同上，只是标签名不同而已。

3.段落中的文本样式

我们都知道，一个段落里的文字总是比较多的，这就不乏会有一些比较大的引人注目的文字，也会有比较小的文字，更有带颜色的文字。那么这是怎么实现的了，下面我们来看看：

缩写地址首字母缩写文字方向长引用短引用引用定义项目

别看着挺多的内容就被吓到了，其实这些东西很好学的，主要是现在的Html编辑器都有自动提示功能，所以你根本不需要记住它们的全称就可以很轻松写出代码来，不过，光是这样还不行。

4.换行，水平线

当我们写文章时必须要换行，有时候还要使用水平线进行分割才能让文章显得更有层次感，那么该怎么做了，也是很简单的。

5.注释代码

在写代码时难免会写注释，这个时候我们需要写一写注释来说明代码的作用。格式为：

6.链接

我们在浏览网页时点击一个地方的按钮它会跳到另一个地方，那么这就是所谓的链接了。

一般它用a标签包裹，里面有标签名，标签跳转的地址等信息，我们来看看。

1).链接的表现形式

2).链接的跳转方式

另外，它还可以定义你打开的页面是当前页面还是新的页面或者说是上一个页面：

3).锚链接

它可以快速定位页面中的某些标题，可以通过设置name属性来设置锚链接。

7.图片

为了美化我们的网页，有时候肯定会添加图片html表格大小怎么调整，那么该怎样添加图片了，下面请看：

1).插入图片

2).设置背景图片

需要在body标签中设置背景为图片地址。

3).图片映射

通过点击图片跳转到相应链接页面。

8.表格

有时候我们也需要插入表格来展示一些数据，表格的制作稍微有点麻烦，不过用Sublime Text 3它可以十分轻松的创建表格。表格一般由表头，表的标题，表的内容组成。最常用的就是Table标签了。

9.列表

列表就是我们常常见到的一篇文章的目录，它一般以一种树型状存在着，它可以分为有序列表和无序列表。

1).有序列表

以标签ol为主体，li为父目录，具体表现为：

可以看出有序列表支持多种排序前缀，它就好比Word中的项目符号一样。

2).无序列表

与有序列表唯一不同的就是没有数字也没有字母，只有图形，也是犹如项目符号一样。

可以看出无序列表的默认项目符号就是类型就是黑圆圈

3).自定义列表

可以看到自定义列表由我们自己定义列表项目符号，项目的内容

10.块级元素和内联元素1).块级元素

什么是块级元素，其实就是这个元素在进行显示后会换行输出下一个元素，比如我们的P标签，还有Blockquote 标签都是，不过今天我们要说的是Html中运用的最广的块级元素，它就是Div。

可以看到在Div中的块级元素都换行了，然而内联元素都没有换行。

2).内联元素

和块级元素正好相反，不用换行输出的那种，比如a标签，或者是Big Small这些段落中的文本标签都是内联元素，当然也有例外，比如Pre标签，这里不再细说。今天我们要着重讨论的是Span标签。

注意:Span标签是没有Align属性的。

11.框架

框架是什么？框架就是在一个窗口可以显示多个页面内容的一个容器。框架又分为垂直和水平框架。

1).垂直框架

不可与Body标签同时出现

2).水平框架

不可与Body标签同时出现

3).内联框架

4).判断是否支持框架

12.表单元素

这个算是Html中的重中之重了，因为用的比较多，基本上所有的表单元素都包含在Form标签中。每一个表单中的空间要么独立存在html表格大小怎么调整，要么处于Input中，下面我们来详细了解下：

13.Html 头部，标题

之所以现在讲这个，是不想一开始就长篇大论，增加一些没必要的修饰，免得扰乱学习的进度。

我们都知道Html，既然是Html，怎么可以没有Html标签了，当然是有的，只是我一开始没有写罢了，当然也可以不用写，不过为了美观为了不出错，建议写上。浏览器标题在浏览器头部里面被它包裹着。

14.音、视频

在Html中也是可以播放音频和视频的，不过这项功能添加在了Html最新版5.0版中的，下面来看看：

1).音频

比如说我们经常熟知的Mp3,Wav,可以通过Audio标签来进行播放。

1)).embed

2)).object

3)).audio

4)).a标签

2).视频1)).embed

2)).object

3)).video

4)).a标签

15.Html5中的文章布局

可以帮我们省去一些不必要的排版标签，利用新式布局标签会显得更加专业，而且代码量更少。

可以看到，文章结构紧凑，排版更加让人觉得一目了然。

二、总结

虽然Html总体来说，可能难度不是很大，但是要想学好，也不是一件容易的事，把一件小事做好，定能出彩。

———END———
限 时 特 惠：本站每日持续更新海量各大内部创业教程，一年会员只需128元，全站资源免费下载点击查看详情
站 长 微 信：jiumai99