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的标签,属性等等的