1.表格
<table> 表格标签 (border:表格边框属性,数字越大越宽,默认是无边框;cellpadding单元格边距属性;cellspacing:单元格间距属性;frame:框架属性)
<caption>标题 居中
<tr>行 <td>列
<th>表头 加粗居中,其中rowspan、colspan 属性表示分行分列
空单元格 可以直接不写内容,但是这样会没有边框,为了防止出现这种情况用空格填充
2.列表
<ul> 无序列表标签 (type:列表项前面的符号,默认是小黑圆圈) <li>每个列表项
<ol>有序列表 ( type:顺序类型,可以是字母,数字等 start:开始的数字) <li>每个列表项
<dl>自定义列表 <dt>每个自定义列表项 <dd> 每个自定义列表项的定义
3.块元素和内联元素
都是对代码的整体组合便于统一调配属性。多行代码是块元素,用<div>组合。<span> 标签被用来组合行内元素。
例如:<p class="tip"><link rel="stylesheet" type="text/css" href="my_style.css"><span>提示:</span>... ... ...</p> html文件
p.tip span {font-weight:bold; color:#ff9955;} css文件
从单独的css文件中引入格式,属于外部样式表
4.类
对 HTML 进行分类(设置类),使我们能够为元素的类定义 CSS 样式。为相同的类设置相同的样式,或者为不同的类设置不同的样式。
从自己的html文件的<head>标签内设置<style>标签,然后引用,属于内部样式表
分类块级元素:
<head>
<style>.cities {background-color:black;color:white;margin:20px;padding:20px;}</style>
</head>
<body>
<div class="cities">
<h2>London</h2>
<p>London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>
</div>
</body>