美文网首页程序员W3Cschool学习之路
html入门系列|01从零到Hello World

html入门系列|01从零到Hello World

作者: 丁止戈 | 来源:发表于2016-11-28 21:32 被阅读212次

    提要:两个基础概念(html和标签)和我的第一个网页——Hello World

    1.html是什么?

    HTML(HyperText Markup Language)指超文本标签语言,是用来描述网页的一种语言。
    我们每天都要浏览许多网站,无论通过手机还是电脑,这些网站大多都是用html作为框架实现的,学好html是实现网站构架的基础。html是一种标签语言,给元素加上标签就可以实现对应的效果,如放大、缩小、定位甚至是弹幕。

    2.标签

    <1>标签的样子:由尖括号包围的关键词,如<b> </b>。其中”b”是关键词。
    <2>标签的重要特性:通常是成对出现的。标签对中的第一个标签是开始标签(或称开放标签),第二个标签是结束标签(或称闭合标签)。

    3.我的第一个网页——Hello World!

    下面我们写一个简单的网页吧。
    新建一个文本文档(单击右键>>新建>>文本文档);
    双击打开;
    键入代码(如图5);


    保存(选择 文件>>保存);
    更改拓展名为”.html”;如跳出警告框(类似图6),单击“是”。

    打开文件,第一个网页就做好了(如图7)。

    下面我们对我们键入的代码分析一下吧
    <html> </html>标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。
    <head> </head>标签用于定义文档的头部,它是所有头部元素的容器。< head>中的元素可以引用脚本、指示浏览器在哪里找到样式表等等
    <title> </title>元素可定义文档的标题。
    <body> </body>定义文档的主体。
    从上面的分析看,<html> </html>是包含了头部和主体,<head> </head>包含头部,<body> </body>包含主体。<title> </title>包含标题,是的一部分
    接下来我们对标题﹑头部和主体分析一下。
    浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。
    文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
    主体包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
    现在把“****”变成你的名字怎么办?选择该文件后单击右键,选择“打开方式>>记事本”
    把“****”换成你的名字,并保存。
    你会了吗?

    参考资料
    1.W3Cschool [http://www.w3cschool.cn/]

    相关文章

      网友评论

        本文标题:html入门系列|01从零到Hello World

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