块状元素特点:
独占一行,在默认情况下,宽度自动填满父元素宽度
宽度和高度可以控制
margin和padding横向纵向设置都有效
可以通过display: inline转换为行内元素
除个别特殊元素外,可包含块状元素和行内元素
行内元素特点:
不能独占一行
宽高由内容撑开
margin和padding横向设置有效,纵向设置不产生边距效果
可以通过display: block转换为块状元素
除ins和del外,不能包含块状元素
资料来源于:HTML5学堂
关于HTML+CSS+JavaScript的知识,推荐你去看看HTML5学堂。
你想问的应该是,在搭建一个HTML文件时,基本的文件结构是什么样子吧?
标准的HTML文件由“文档声明、文件头、文件体”组成。
对于HTML5,文档声明也应该采取HTML5.0的声明方式,具体代码如下:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5学堂(码匠) & 言成科技 联合出品</title>
<meta name="viewport" content="width=device-width,user-scalable=no">
<link rel="stylesheet" href="../css/reset.css">
</head>
<body>
<div>具体内容</div>
</body>
</html>
在html标签当中包含head标签和body标签两种,而head标签表示的是文件头,body标签表示文件体,文件头当中需要包含“字符编码”(head标签中的第一行)、“标题”(title标签)、“其他元信息”(除了字符编码外的其他meta),而文件体当中书写的具体代码就是在网页当中会显示的内容。
此外,在文件头部或文件体当中还可以使用link标签引入CSS文件,或者使用script标签引入JS文件。
关于文档声明,在传统的HTML4当中,有另外三种声明方法,请详见《文档声明 DOCTYPE常见的文档类型》
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)