html小结

最新推荐文章于 2021-06-21 01:40:38 发布

林木梁

最新推荐文章于 2021-06-21 01:40:38 发布

阅读量238

点赞数

分类专栏：网页开发

本文链接：https://blog.csdn.net/qq_41313587/article/details/81380669

版权

网页开发专栏收录该内容

8 篇文章 0 订阅

订阅专栏

分区标签

1.div,div是分区最常用的标签如:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div>头部</div>
		<div>中部</div>
		<div>底部</div>
	</body>
</html>

2.frameset 与frame也是分区的标签(但比较不友好)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<frameset rows="20%,*,20%">
		<frame  src="js/red.html"/>
		<frameset cols="20%,*">
			<frame src="js/white.html"/>
			<frame src="js/yellow.html"/ >
		</frameset>
		<frame src="js/green.html"/>
	</frameset>
</html>

包裹文字的标签

1.最常用的如a标签

a标签常用于创造一个链接它还有一个功能就是用target标签属性定义在何处打开一个新窗口

①._blank是在新标签页中打开一个新窗口②._self是在当前标签页中或者当前框架结构中打开新页面③.name(新的框架名)在与这个名字相对应的框架结构中打开一个新页面④_parent在父窗口中打开被链接父窗口是指这个被包裹的框架结构的上级框架。

2.span标签最常用于文字

3.i标签常用于抠图

4 ul ol li结构常用于创造一个列表结构

5.table tr th td 标签常用于创建一个表格如

<table>
	<caption>表格标题</caption>
    <tr>
        <th>1行1列的内容</th>
        <th>1行2列的内容</th>
        …
    </tr>
    <tr>
        <td>2行1列的内容</td>
        <td>2行2列的内容</td>
        …
    </tr>
    …
</table>

form 表单中可用标签

①input

用于输入内容如密码用户名等

②select

用于选项

③textarea

用于输入文本

④label

一定程度上可达到与②相同的功能。

样式属性中的display属性

display属性中的inline-block 可以将块级元素转换为行内块级元素