html元素(标签)
html元素(标签)
<!DOCTYPE html>
<html>
<head> <!-- 头标签用于存放<meta><title>等标签 -->
<meta charset="utf-8"> <!-- 设置编码 -->
<title>html5</title> <!-- 设置标题 -->
<link rel="stylesheet" type="text/css" href="mystyle.css"><!-- 定义了外部文件 -->
<style type="text/css"></style> <!-- 样式 -->
<script></script> <!-- javascript脚本 -->
</head>
<body> <!-- 用户所收到的页面 -->
<p>段落标签</p>
<a href="" target="_blank"> target="_blank"</a>
<img src="url" alt="" height="" width=""> <!-- 图片标签 -->
<hr> <!-- 定义水平线 -->
<br> <!-- 换行 -->
<table border="1"> <!-- 表格 -->
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
<ul> <!-- 无序列表 <ol>是有序列表 <dl>自定义列表-->
<li></li>
</ol>
<li>元素1</li>
<li>元素2</li>
</ul>
<div></div> <!-- 块级元素 -->
<span></span> <!-- 内联元素 -->
<form><input type="" name=""></form> <!-- 表单 -->
<iframe src="URL"></iframe> <!-- 框架 -->
</body>
</html>1.块级元素(block)特性： 1.1.总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示; 1.2.宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制; 1.3.设置display:block；可以将元素转换块级元素。 2.内联元素(inline)特性： 2.1.和相邻的内联元素在同一行; 2.2.宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变，就是里面文字或图片的大小; 2.3.设置display:inline;可以将块状元素转换为内联元素
本文参与 腾讯云自媒体分享计划，分享自微信公众号。
原始发表：2018-03-13，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读