一、HTML5基础标签
1、前端HTML5页面的基础代码格式
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
</head>
<body>
</body>
</html>2、单双标签混排
<br /><!--换行-->
<hr /><!--水平分割线-->
<meta>
<img src="这里放图片链接" /><!--图片标签-->
<html></html>
<head></head>
<title></title>
<body></body>
<h1 style="text-align:center"></h1><!--标题1~6种大小-->
<p>如果想使用空格的话可以使用 字符</p><!---文本标签->
<div style="width:200px;height:200px;background:pink"></div><!--块级元素，就是一个盒子，分区常用-->
<span></span><!--文本容器，与CSS同时使用才可以为指定文本设置样式属性-->
<a href="https://www.baidu.com"></a><!---->
3、三种标签样式基本学习
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
</head>
<body>
<p>无序列表</p>
<!--1、disc（默认）实心圆；2、circle空心圆；3、square 小方块-->
<ul type="circle">
<li>列表项1</li>
<li>列表项2</li>
</ul>
<p>有序列表</p>
<!--1、1（默认）表示数字；2、A表示大写字母；3、a表示小写字母；4、I表示大写罗马数字；5、i表示小写罗马数字-->
<ol type="A">
<li>列表项1</li>
<li>列表项2</li>
</ol>
<p>自定义列表</p>
<!---->
<dl>
<dt>名词1</dt>
<dd>名词1解释</dd>
<dt>名词2</dt>
<dd>名词2解释</dd>
</dl>
</body>
</html>4、表格
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
</head>
<body>
<div>
<table border="1" width="300px" height="150px">
<caption>表格单元格的其他属性</caption>
<tr>
<th>属性名</th>
<th>含义</th>
<th>常用属性</th>
</tr>
<tr>
<td>cellspacing</td>
<td>设置单元格与单元格之间的距离</td>
<td>单位为px像素值，默认为2px</td>
</tr>
<tr>
<td>cellpadding</td>
<td>设置文字与单元格之间的距离</td>
<td>默认为1PX</td>
</tr>
<tr>
<td>width</td>
<td>设置表格的宽度</td>
<td>单位为px</td>
</tr>
<tr>
<td>height</td>
<td>设置表格的高度</td>
<td>单位为px</td>
</tr>
<tr>
<td>bgcolor</td>
<td>设置表格高度</td>
<td>red,green等</td>
</tr>
<tr>
<td>colspan</td>
<td colspan="2">合并行，又称跨列</td>
</tr>
<tr>
<td rowspan="2">rowspan</td>
<td>合并列,又称跨行</td>
<td>合并列第二行开始的内容</td>
</tr>
<tr>
<td>需要单独起一个tr表格标签包裹</td>
<td>就像我现在这样</td>
</tr>
</table>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
