HTML笔记整理

1.Html格式

<!DOCTYPE html>
<html>
<head>
<mate charset="utf-8"/>
<title></title>
<!--注释:样式文件引用-->
 <style>网页标题</style>
 <link rel="stylesheet" type="text/css" href="目录/文件名.css"><!--外部文件引用-->
</head>
<body>
	<div class="centerbody">
		<h1>标题1</h1>
		<p>内容</p>
	</div>
<!--注释:JS脚本/引用-->
 <script>
 </script>
 <script type="text/javascript" src="目录/文件名.css"></script><!--外部文件引用-->
</body>
</html>

2.Html常用标签/属性

<!---->HTML文档注释内容

结构标签
<body></body>HTML文档的主体
<header></header>定义了文档的头部区域
<footer></footer>定义页脚。
<div></div>定义文档中的节(简单来说是一个容器)
<article></article>定义一个文章区域
<aside></aside>定义页面的侧边栏内容

文本标签
<h1~6></h1~6>文章标题
<p></p>段落(文章内容)
<a></a>超文本链接
<b></b>文本粗体
<img src="链接 | 本地"/>图片
<br/>换行
<bdo dir="rtl | ltr"></bdo>定义文字方向(属性dir 值:右rtl | 左ltr)
<blockquote></blockquote>引用内容
<code></code>计算机代码文本
<i></i>斜体字
<sub></sub>下标文本
<sup></sup>上标文本
<ins></ins>被插入文本(即下划线)
<del></del>被删除文本(一条横线)

媒体标签
<object></object>内嵌对象
<video></video><video>视频,比如电影片段或其他视频流
<audio></audio>音频内容

其它标签
<button></button>点击按钮

表格标签
<table></table>定义表格
<caption></caption>表格标题
<tr></tr>表格中的行
<th></th>表格中的表头单元格
<td></td>表格中的单元

列表标签
<ul></ul>无序列表
<ol></ol>有序列表
<li></li>列表的内容
<dl></dl>列表详情
<dt></dt>列表中的项目
<dd></dd>列表中项目的描述

表单标签
<form></form>HTML文档的表单
<fieldset></fieldset>围绕表单中元素的边框(表单分组)
<legend></legend>fieldset元素的标题
<input></input>输入控件(用"type"声明哪种输入格式)
<label></label>input 元素的标注
<textarea></textarea>多行的文本输入控件
<select></select>选择列表(下拉列表)
<option></option>选择列表中的选项
<optgroup></optgroup>选择列表中相关选项的组合(属性:lable 值:组合标题)

[时间有限,只记了这点]

关键词: HTML 标签/元素/属性

<< 上一篇

我的工作室

下一篇 >>

垃圾闪迪U盘

网友留言(0条)

发表评论