HTML基础语法

作者: GCKJianshu | 来源:发表于2016-11-30 15:19 被阅读0次

HTML是用来描述网页的一种语言,以下均为本人在菜鸟教程上面学习总结出来的一些简单的语法。
首先得用文本编辑器,我用的是sublime Text,新建保存为文件名+.html的格式,默认打开的方式就会是你的默认浏览器打开,就可以看出演示的效果了。
因为简书写作的语法支持HTML,所以很多文本中标签都会多一个空格,是为了能显示出来,不然就会默认为HTML的语法,导致不正常的显示。

1.HTML的标题

HTML的标题()Heading是通过< h1 >-< h6 > 标签来定义的

<h1> 这是一个标题 </h1>
<h2> 这是一个标题</h2>
<h3> 这是一个标题</h3>

2.HTML段落

<p>这是一个段落</p>
<p> 这是另外一个段落</p>

3.HTML链接

HTMLl链接是通过标签< a >来定义的

<a href = "http://www.runoob.com"这是一个链接</a>

提示:在href属性指定链接的地址

4.HTML图像

HTML图像是通过标签< img>来定义的

<img src = "同级图片的图片文件名" width = "宽度自己填" height = "高度">

注意:图像的名称和尺寸是以属性的形式提供的。

5.HTML元素位置

下面是一个完整的实例,HTML的元素全都写在<body></body>中

<!DOCTYPE html>
<html>

<body>
<p> 这是第一个段落 </p>
</body>
</html>

6.不要忘记标签

即使你忘记了标签,大多数浏览器也会正确的显示html,但是不要依赖这种做法,忘记标签可能会导致不可预料的结果

7.HTML折行

如果希望在不产生一个新段落的情况下进行换行,使用 < br>标签

<p>这个<br>段落演示<br>了分行的效果</p>

输出就是这样

这个
段落演示
了分行的效果

这里值得提醒的是:< br>没有结束标签,请看下一点,空元素。

8.HTML空元素

没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。< br>就是没有关闭标签的空元素。
在XHTML,XML以及未来版本的HTML中,所有元素都必须被关闭。
在开始标签中添加斜杠,比如
,是关闭空元素的正确方法,HTML、XHTML和XML都接受这种方式。
即使< br>在所有浏览器中都是有效的,但是使用
其实是更长远的保障。

相关文章

  • HTML与CSS之HTML的基础语法

    HTML的基础语法 ** HTML ​ HTML(HyperText Markup Language)就是超文本标...

  • HTML基础语法

    一、概念 (Hyper Text Markup Language)超文本标记语言,是用来描述网页的一种语言 1、超...

  • HTML基础语法

    标记语言 1.HTML用于描述功能的符号称为“标记”,比如 、 等 --标记在使用时必须使用尖括号括起来 --...

  • HTML基础语法

  • HTML基础语法

    HTML是用来描述网页的一种语言,以下均为本人在菜鸟教程上面学习总结出来的一些简单的语法。首先得用文本编辑器,我用...

  • HTML基础语法

    标记 标记就是完成某种功能的字符串,也可以成为元素(Element)。 标记分类 根据是否包含子标记或内容: 单标...

  • HTML基础语法

    HTML 语法构成 1. 标签 单标记 双标记: 开始 关闭 2. 属性 标签名称后 空格隔开 属性值和属性用 =...

  • HTML基础语法

    HTML 与 CSS 主要内容 HTML ​ HTML(HyperText Markup Language)就...

  • 技术栈

    一、HTML、CSS基础、JavaScript语法基础。 二、JavaScript语法进阶。包括:作用域和闭包、t...

  • 2020前端技术栈

    一、HTML、CSS基础、JavaScript语法基础。二、JavaScript语法进阶。包括:作用域和闭包、th...

网友评论

    本文标题:HTML基础语法

    本文链接:https://www.haomeiwen.com/subject/zhktmttx.html