html基础

html是用来描述网页内容的一种语言。全称超文本标记语言。我们平时看到的页面,如果我们在页面上右键选择查看源文件展现出来的就是html。它是一种标记语言,与c语言之类的命令式编程不同,它是一种阐述式语言。我们想在页面上展现出什么东西都可以通过html语言来展现。

     一,html标签:

  1.html标签是由尖括号包围的关键词,比如<html>,<>和关键字之间可以有空格,如<html>

  2.html标签一般是成对出现的,比如<p></p>

  3.成对的标签,第一个叫开始标签,第二个叫结束标签。

  4.有些标签是没有结束标签的,成为单标签,一般写法是开始标签在关键字后跟上一个/,现在不推崇这种写法。

  5,html标签对大小写不敏感。

下面来说一下常用的html标签:

  1.head里面常用的标签:

meta, link, script, title

   2.body里面常用的标签有以下几类:

  section,group content ,text maeker, table,form,embed

**这里重点讲一下<div>标签:

    <div>标签可以将网页分割成不同的,清晰地,独立的布局模块,然后在不同的么快中添加内容。这样使网页布局结构更加清晰,代码更加独立,代码修改时能尽量少的影响到整体页面。

   下面来看一下<div>标签的使用:

<div id = "haha" class = "heihei">
            <p>内容</p>
<div>

 id:用于标识<div>块,相当于<div>的名字。

     class修饰<div>块的css样式组。

<div>图层定义常见的属性设置:

    position:绝对位置absolute和相对位置relative

    width:<div>模块的宽度

    height:<div>模块的高度

    left:相对于左边的位置

    top:相对于上面的位置

    二,html元素

html元素代表从开始到结束标签的所有代码所表达的抽象概念。代码如下:

<div>
    <p>内容</p>
</div>

 div包含起来的所有内容都是一个html元素。

 注意一下元素之间的关系:

例如:

<div>
    <h1>标题</h1>
     <p>段落</p>
</div>

 在这段代码中h1和p是并列关系,都是div的子元素。

三,html属性

  html标签是我们用以表达页面内容及结构的,了解html的属性,可以进行更细致的设置。

   html的属性规则有以下几条:

1.属性值总是以名称/值对的形式出现。

2.属性值可以不使用引号,当值里有空格等特殊符号的时候,需要双引号或单引号引起。

3,属性名属性值对大小写不敏感。

4,一个元素可以有多个属性。

四,html注释

<!--注释内容-->

先稍微了解一下html,之后会详细介绍html的标签,属性等等的

相关推荐