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基础语法

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