html学习
Html的一般形式,以一般的格式开始
<!Doctype Html>
<Html>
<Head>
<Meta Charset="Utf-8">
<Title> </Title>
</Head>
<Body>
</Body>
</Html>
Html一般的框架
1.类型声明,Doctype设置为Html
2.必须包含Html元素
3.Html元素里包含head和body元素
4.Head元素里包含Title元素
5.Body元素是Html文件的主体部分。
主体部分元素
1.标题(H1,H2...H6)
表示一个一级标题,二级标题。。。一般只使用得到3级标题
2.段落(p)
表示一个段落
3.链接(a)
表示链接到其它网页或者本网页的其它地方,常用属性href,表示其他网页的地址,可以是相对的地址或者是绝对地址,title属性表示当鼠标在链接上时显示的信息
4.图片(img)
表示显示对象为图片,常用属性src,表示该图片的地址(可以是URL,也可以是本地的文件地址,一般使用相对地址),alt属性表示当图片不能显示时的替代文本信息
5.引用(内联应用q,块引用blockquote)
对其他人的文章和语句的引用,如果只是对一句话一般使用q,对大段的引用使用blockquote
6.强调(em)
表示对某部分进行强调
7.列表(无顺序列表ul,有序列表ol,列表里的元素li)
使用方法如下
<ul>
<li>湖南省</li>
<li>湖北省</li>
<li>海南省</li>
</ul>
8.div元素
div是容器元素,将多个元素组合成一个逻辑部分
9.span元素
span作用于内联元素,使内联元素成为一个有逻辑意义的部分
CSS格式解析
p {
color:black;
}
1.p是选择器,这条规则是作用在p上,规则的属性是color,规则的值是black。
2.对类的选择使用p.classname
3.对子元素的选择p childname
4.对某个id的选择p#idname
5.对伪子类的选择p:pseudoname
<!Doctype Html>
<Html>
<Head>
<Meta Charset="Utf-8">
<Title> </Title>
</Head>
<Body>
</Body>
</Html>
Html一般的框架
1.类型声明,Doctype设置为Html
2.必须包含Html元素
3.Html元素里包含head和body元素
4.Head元素里包含Title元素
5.Body元素是Html文件的主体部分。
主体部分元素
1.标题(H1,H2...H6)
表示一个一级标题,二级标题。。。一般只使用得到3级标题
2.段落(p)
表示一个段落
3.链接(a)
表示链接到其它网页或者本网页的其它地方,常用属性href,表示其他网页的地址,可以是相对的地址或者是绝对地址,title属性表示当鼠标在链接上时显示的信息
4.图片(img)
表示显示对象为图片,常用属性src,表示该图片的地址(可以是URL,也可以是本地的文件地址,一般使用相对地址),alt属性表示当图片不能显示时的替代文本信息
5.引用(内联应用q,块引用blockquote)
对其他人的文章和语句的引用,如果只是对一句话一般使用q,对大段的引用使用blockquote
6.强调(em)
表示对某部分进行强调
7.列表(无顺序列表ul,有序列表ol,列表里的元素li)
使用方法如下
<ul>
<li>湖南省</li>
<li>湖北省</li>
<li>海南省</li>
</ul>
8.div元素
div是容器元素,将多个元素组合成一个逻辑部分
9.span元素
span作用于内联元素,使内联元素成为一个有逻辑意义的部分
CSS格式解析
p {
color:black;
}
1.p是选择器,这条规则是作用在p上,规则的属性是color,规则的值是black。
2.对类的选择使用p.classname
3.对子元素的选择p childname
4.对某个id的选择p#idname
5.对伪子类的选择p:pseudoname