自学HTML-1

制作第一个网页



    
        
        制作我的第一个网页
    
    
        

Hello World



    
        
        Html和CSS的关系
        
    
    
        

Hello World!

//输出内容

认识标签



    
        
        认识html标签
    


    
        

勇气

//标题标签

三年级时,我还是一个胆小如鼠的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。

到了三年级下学期时,我们班上了一节公开课,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。

//段落标签 //img 插入图片

自学HTML-1_第1张图片

标签语法

1. 标签由英文尖括号<>括起来,如就是一个标签。

2. html中的标签一般都是成对出现的,分开始标签结束标签。结束标签比开始标签多了一个/

如:

(1) 

   段落

(2) 

  定义层

(3)  标签被用来组合文档中的行内元素

3. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:

里嵌套

,那么

必须放在
的前面。如下图所示。

4. HTML标签不区分大小写,

是一样的,但建议小写,因为大部分程序员都以小写为准。



    
        
        标签的语法
    
    
        

在本教程中,你将学习如何使用 HTML 来创建站点

当特殊的样式需要应用到个别元素时,就可以使用内联样式。

自学HTML-1_第2张图片

认识html文件基本结构

一个HTML文件是有自己固定的结构的。


    ...
    ...

代码讲解:

1. 称为根标签,所有的网页标签都在中。

2.  标签用于定义文档的头部,它是所有头部元素的容器。头部元素有</code>、<code><script></code>、 <code><style></code>、<code><link></code>、 <code><meta></code>等标签,头部标签在下一小节中会有详细介绍。</p> <p>3. 在<code><body></code>和<code></body></code>标签之间的内容是网页的主要内容,如<code><h1></code>、<code><p></code>、<code><a></code>、<code><img></code>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。</p> <pre class="has"><code><!DOCTYPE HTML> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>认识html文件基本结构

在本小节中,你将学会认识html文件基本结构

自学HTML-1_第3张图片

认识head标签

了解一下标签的作用。文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

下面这些标签可用在 head 部分:


    ...
    
    
    
    

</code>标签:在<title>和标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。

例如:


    hello world

</code>标签的内容“hello world”会在浏览器中的标题栏上显示出来,如下图所示:</p> <p style="margin-left:0px;"><img alt="" class="has" src="http://img.e-com-net.com/image/info8/4ef2702cb4984797b4716a7dfb83b2d5.jpg" width="0" height="0"></p> <pre class="has"><code><!DOCTYPE HTML> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>认识head标签

4933小游戏

 

了解html代码注释

语法:



    
        
        HTML的代码注释
    
    
        
        

我说了一些一名隐藏的话在代码中, 你就是看不到!噜噜噜

 

你可能感兴趣的:(html)