第一章 初步认识HTML

本人也是HTML的初学者,通过写博客的方法来记录自己的学习进度,同时巩固知识。

参考书籍:Head First HTML与CSS

作者为:Elisabeth Robson & Eric Freeman

译者:徐阳,丁晓峰等

我用的是Windows11系统,写代码用的 VSCode,当然你也可以选择记事本,保存时注意改后缀名就行了。对于其他的写代码的软件,大家可以自行去了解使用。

初步了解HTML语言的结构,用到的源代码:

<html>
    <head>
        <title>Head First Lounge</title>
    </head>
    <body>
        <h1>Welcome to the Head First Lounge</h1>
        <img src = "test_gif.gif">
        <p>
            正常文本内容 <em>斜体字</em>.
            Wireless access is always provided;
            BYOWS (Bring your own Web server).
        </p>
        <h2>Directions</h2>
        <p>
            You'll find ....
        </p>
    </body>
</html>

每一个HTML文件都会以<html>开始,</html>作为结束标志。

<>:这两个< >表示一个标记,其中不同的字母组合告诉Web这个标记及其包含的是什么。

结束标记都会以" / "开头。

当然也有例外:

<img src = "test_gif.gif">

这个将在以后会学到。在这里我们选择插入了一个.gif文件,注意要在同一文件夹下。用到的gif文件:

 

<head>和</head>标记中包含Web页面的有关信息

<title>和</title>表示的标题:

 <body> </body>中则是我们会显示在网页中的内容了

 <h1> </h1>表示一级标题

同理<h2> </h2>表示二级标题,会小一点

而标题共有6级,即<h1> — <h6>

<p> </p> 表示段落内容,同一个标题可以有多个段落,后面会演示。

注意,在同一个段落中,如果只有文本内容不加任何修饰,那么是会忽略换行等的

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值