`
小野马儿
  • 浏览: 15684 次
社区版块
存档分类
最新评论

html基础

    博客分类：
  • 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的标签，属性等等的

 

分享到：
| 面向对象基础理解
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics