HTML+CSS基础入门-第一天（HTML语法）

2017-03-15 本文已影响22人小沉沉

本博客为线上学习某课程笔记，供参考，供学习

什么是HTML标记语言？

表示网页信息的符号标记语言。

自带笔记本等编辑器我这里用：NotePad++

例如：在编辑器中写下以下代码保存为.html文件

    <html>
        <body>
            Hello word！
        </body>
    </html>

在浏览器中打开此文件可看网页中出现1-1，咱们写了第一个程序，有点小激动。

1-1

标记的属性就是用来控制我们的内容（图像，文本等的）如何显示

格式：

<标记 属性1=属性值 属性2=属性值 .......>
    内容
</标记>

例如

<html>
    <body bgcolor="red">
        Hello word！
    </body>
</html>

在浏览器中打开此文件可看网页中出现1-2，可见背景变成了红色，也就是说"bgcolor"这个属性是标记背景颜色的，大家可以换个颜色试试。

1-2

" <HTML> <Html> <html> " 都是定义相同的标记，但是在编写网页的时候尽量使用小写

例如

<html>
    <body >
        我是显示出来的语言
        <!--我是不会被显示出来的语言-->
    </body>
</html>

大家可自行到网页上查看效果

空格键和回车键在网页中不会起到任何作用，我们为了让代码清晰易读，可以使用空格和回车键进行编排

注意：缩进时保持严格的规则，以“tap”键进行缩进

比如我们想在网页上显示一个"<"小于符号，但是"<"在HTML中是文档标记的开始语言，如果我们直接用"<"会出错，所以我们就会用一些实体名称来代替.
例如：

<html>
    <body >
        &lt;
        我是显示出来的语言
        <!--我是不会被显示出来的语言-->
    </body>
</html>

浏览器显示结果为

1-4

1-3