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>在所有浏览器中都是有效的,但是使用
其实是更长远的保障。