HTML标签介绍
树图思维导图提供 HTML标签 在线思维导图免费制作,点击“编辑”按钮,可对 HTML标签 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:44a213774f73c3b26b0cd00ceffacef1
HTML标签思维导图模板大纲
HTML是用来描述网页的一种语言,它是由各种标签构成的
标签是HTML中最基本的单位,它们用于包含和组织文档中的内容。
HTML标签由“<”和“>”包围,其中第一个标签是开始标签,第二个标签是结束标签。
在标签之间可以添加属性,用于描述标签或指定其行为。
`<html>`:定义一个HTML文档。
`<head>`:定义HTML文档的头部,包含文档的元数据。
`<body>`:定义HTML文档的主体部分,包含可见的页面内容。
`<div>`:定义HTML文档中的一个区域,常用于对内容进行分组。
`<p>`:定义一个段落。
`<a>`:定义一个超链接。
`<img>`:定义一个图片。
<src>:图像的路径
<alt>:图像不能显示时的替换文本
<width>:宽度
<height>:高度
<border>:边框的宽度
<vspace>:垂直边距
<hspace>:水平边距
<align>
<left>:左对齐
<right>:右对齐
<top>
<middle>
<bottom>
`<ul>`:定义一个无序列表。
<li>
type属性值
disc
circle
squarsquare
`<ol>`:定义一个有序列表。
<li>
`<table>`:定义一个表格。
`<form>`:定义一个表单,用于向服务器发送数据。
`<input>`:定义一个表单元素,如文本框、复选框、单选框等。
`<button>`:定义一个按钮。
`<script>`:定义Javascript脚本。
`<style>`:定义样式表。
示例:
```html
<!DOCTYPEhtml>
<html>
<head>
<title>HTML标签示例</title>
</head>
<body>
<div>
<h1>欢迎来到我的网页</h1>
<p>这是HTML标签的示例页面。</p>
<ul>
<li>无序列表项1</li>
<li>无序列表项2</li>
</ul>
<form>
<labelfor="username">用户名:</label>
<inputtype="text"id="username"name="username">
<labelfor="password">密码:</label>
<inputtype="password"id="password"name="password">
<buttontype="submit">登录</button>
</form>
</div>
</body>
</html>
```