江苏龙网

  1. 主页 > 生活百科 > >

一篇文章带你了解HTML语法

HTML语法

前言在做web开发时，我们必不可少的要使用到html,因为它包含了最基础的网页结构，虽然Html只能帮助我们构建静态网页，但是却是我们最不能缺少的部分，如果把网页比作一个房子，那么Html就是地基，也就是第一件要做的事，可见它的重要性 。那么，现在大家就跟随我的脚步去学习下吧 。
一、Html基本语法要想知道Html的语法规则，首先我们得创建一个以Html为后缀的文件，当然也可以是Htm 或者是XHtml,这里不讲述它们的区别 。
在写Html之前容我给大家介绍一个神器，它拥有所见即所得的神器效果，也就是说有了它，我们可以编写Html代码边看结果，完全不用浏览器，可以说是相当方便，它就是ExHtmlEditor 。
下载地址：
https://u062.com/file/7715018-445508413下载解压后即可使用，无需安装，方便快捷 。

一篇文章带你了解HTML语法

文章插图
 
【一篇文章带你了解HTML语法】下面就让我们通过这个软件来正式敲开Html的大门吧 。
1.标题我们经常写文章的时候，常会使用标题，可以发现标题的字体一般比段落的字体要大，因为它要突出整篇文章的核心，用最简短的文字描绘出来 。Html中设置标题的相关代码就是<h1>~<h6>,注意一定要写</h1>关闭它们，否则会引发位置的错误 。我们常常将这些尖括号里的东西叫做标签，下面我们来看下：
一篇文章带你了解HTML语法

文章插图
 
可以看到，标题的字体越来越小 。
2.段落一篇文章除了标题，当然就是一个个段落了，段落中我们常常使用的标签有p标签，写法同上，只是标签名不同而已 。
一篇文章带你了解HTML语法

文章插图
 
3.段落中的文本样式我们都知道，一个段落里的文字总是比较多的，这就不乏会有一些比较大的引人注目的文字，也会有比较小的文字，更有带颜色的文字 。那么这是怎么实现的了，下面我们来看看：
<b>粗体</b> <big>大号字</big><em>着重文字</em><i>斜体字</i><small>小号字</small><strong>加重语气</strong><sub>下标</sub><sup>上标</sup><ins>插入字</ins><del>删除字</del><u>下划线</u><code>计算机代码</code><kbd>键盘文本</kbd><samp>计算机代码样本</samp><tt>打字机代码</tt><var>变量</var><pre>预格式文本</pre><abbr>缩写</abbr><address>地址</address><acronym>首字母缩写</acronym><bdo>文字方向</bdo><blockquote cite='www.baidu.com'>长引用</blockquote><q>短引用</q><cite>引用</cite><dfn>定义项目</dfn> 别看着挺多的内容就被吓到了，其实这些东西很好学的，主要是现在的Html编辑器都有自动提示功能，所以你根本不需要记住它们的全称就可以很轻松写出代码来，不过，光是这样还不行 。
4.换行，水平线当我们写文章时必须要换行，有时候还要使用水平线进行分割才能让文章显得更有层次感，那么该怎么做了，也是很简单的 。
一篇文章带你了解HTML语法

文章插图
 
5.注释代码在写代码时难免会写注释，这个时候我们需要写一写注释来说明代码的作用 。格式为：
<!-- 这是注释 --><!-- 注释完毕-->6.链接我们在浏览网页时点击一个地方的按钮它会跳到另一个地方，那么这就是所谓的链接了 。
一般它用a标签包裹，里面有标签名，标签跳转的地址等信息，我们来看看 。
1).链接的表现形式<a href="https://www.baidu.com">百度</a> #可以是一个url地址，点击即可打开百度首页<a href="1.Html">百度</a> #也可以是一个Html文件<a href="mailto:2091500484@qq.com">发送邮件</a>#创建电子邮箱链接2).链接的跳转方式另外，它还可以定义你打开的页面是当前页面还是新的页面或者说是上一个页面：
<a href=https://www.isolves.com/it/cxkf/yy/html5/2020-09-25/"https://www.baidu.com" target="_blank">百度 #新窗口打卡百度百度 #上一个窗口打开百度百度 #父窗口打开百度百度


推荐阅读


上一篇：经期能喝什么茶最好,经期能喝菊花茶吗,经期应该避免喝菊花茶

下一篇：衡量普洱茶的价值因素,普洱茶不同的收藏价值