HTML网页制作基础第一弹

 

听雨现在每天都会更新一些关于HTML网页制作的一些知识,从零开始,希望大家和听雨一起进步


HTML基本概念

        HTML是HyBer Txet Markup language这四个英文单词的一个缩写,中文翻译为超文本标记语言,所以也称之为标记性语言。个人理解认为Html就是浏览器的母语,所以学习设计网页我们就要学习浏览器的语言!也就是html语言。而学习HTML的作用对于我们来说就是用来制作网页!            

 

HTML基本语法

        HTML是由各种各样的元素所组成,用于向浏览器发送指令,告诉浏览器该如何显示网页。


        元素是由标签组成,而标签一般是由是由<开始,>结束,例如:<html><head></head><body></body></html>,基本上一个完整的标签都是由头标签和尾标签所组成,头标签和尾标签只有一个区别就是尾标签多了一个斜杠,用来告诉浏览器该标签的内容已经结束。上述的标签的就是HTML的一个基本结构标签,所有的网页制作都离不开这三个标签。HTML中为了便于以,将标签分为了基本标签、格式标签、图像标签、表格标签、表单标签等。                                                                        

 

HTML基本结构标签

        基本标签是用来定义页面的一些基本属性,通常来说一份html网页文件包含了3个部分标头区<head>.....</head>,内容区<body>......</body>,页面区<html>.....</html>    

 

        <html>用于html文件的开头,用来标识html文档的开始,而</html>则正好相反,用来标识htm文档的结束。两个标签必须一起使用。


        <head>和</head>构成html文档的开头部分,在此标签之间可以使用<title></title>和<script></script>等标签,这些标签都是用来描述文档的相关信息。<head></head>标签之内的内容是不会在网页之中显示的,必须两个标签一起使用。


        <body></body>时HTML的主体部分,在此之间的所有内容都将在网页当中显示出来,在body标签之间可以定义的文本、图像都会在浏览器之中按照你设置的样式进行显示!


        <title></title>使用过浏览器的同学都应该注意到了浏览器的窗口的左上角的蓝色字体显示的文本信息,那些信息一般都是标注网页额主体。其实要将网页的主体显示在浏览器的顶部很简单只要在title标签中输入需要现在在标题栏中的内容就可以了。     


 

第一个代码示例:

将以下代码复制到记事本中,重命名为MyWebpage.html后双击打开即可看到你设计的第一个网页的内容。

<html>

    <head>

        <title>

            My First web page 听雨

        </title>

    </head>

           

    <body>

         hello word 欢迎来到我的第一个网页

    </body>

</html>


 

友情提示:html是弱类性语言,所以在HTML中所有元素标签是不区分大小写的,建议小写。

 


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章