html表类笔记
表格标签
<table>
<tr><td>单元格内的文字</td></tr>
<tr><th> </th></tr>
</table>
<thead><tr></tr></thead>
<tbody></tbody>
<table></table> 定义表格
<tr></tr> 定义表格的行
<td></td> 定义表格的行中的单元格
<th></th> 表头
表格属性
<table align="center" cellpadding="20" cellspacing="0" weight=" ">
left cellpadding 规定表格边缘与其内容之间的空白
right cellspacing 规定单元格之间的空白 0为无空白
列表标签
无序列表
<u1>
<li>列表项 </li>
</u1>
有序列表(自动有编号)
<ol>
<li> </li>
</ol>
自定义列表
<dl>
<dt>名词 </dt>
<dd> 名词解释1</dd>
</dl>
html框架笔记
注意：对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码，则你需要设置为 <meta charset="gbk">。
<!DOCTYPE html> 声明为 HTML5 文档,doctype 声明是不区分大小写的
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落
注：在浏览器的页面上使用键盘上的 F12 按键开启调试模式，就可以看到组成标签。
<!DOCTYPE html>
<html lang="ZH-CN">中文
en 英文
<html>
<title>
html
</title>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>标题</h1>
<strong>加粗</strong>
<em>倾斜</em>
<del>删除键</del>
<ins>下划线</ins> <u></u>
<p>段落</p>
外部链接：
<a href="https://www.runoob.com" target="目标窗口弹出方式”>文本或图像</a>
"_blank" 新窗口打开页面
"_self" 当前窗口打开页面
内部链接（网站内部页面之间的相互链接）：
<a href="new.html">首页</a>
空连接：
<a href="#">首页</a>
下载链接（地址链接为文件或压缩包,会下载这个文件）：
<a href="img.zip">首页</a>
网页元素链接（如文本，图像，表格，音频，视频等元素可添加超链接）：
<a href="https://www.runoob.com"><img src=“”/></a>
锚点链接（点我们点的链接可快速定位到页面中的莫个位置）：
<a href="#two">two</a>
<h3 id="two">two</h3> 在two所在标签中加 id="(#后的字母）”
<img src=“”> src 图像属性（文件路径和文件名）
<img src=" alt=“ ” title=" ” width=" " weight=“” >
alt 替换文本 图像显示不出时用文字替换
title 提示文本 鼠标放在图像上，提示文本
width 图片宽度
height 图片高度
border 给图像设定边框粗细
属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开
图像在HTML同一级 <img src="b.jpg"/>
图像在HTML下一级 <img src="../b.jpg"/>
图像在HTML上一级 <img src="../../b.jpg"/>
注释 ：</-- -->
特殊字符
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
