- 1PS提示：因为图层已锁定，无法编辑图层的处理方法
- 2picacg苹果版怎么找不到|picacg ios版是不是下架了介绍
- 3Adobe Illustrator CS5 序列号大全
- 4ACDsee注册码免费分享（含ACDsee18、ACDsee10等版本）
- 5PDF浏览器能看3D文件吗？PDF浏览器看3D文件图文详细教程
- 6Potato(马铃薯聊天)怎么注册不了|Potato不能注册处理方法介绍
- 7Potato(土豆聊天)怎么换头像|Potato app更改头像方法介绍
- 8最新的Adobe Illustrator CS4序列号大全
- 9qq邮件是否已读怎么看 QQ邮箱已经发出去的邮件怎么知道对方是否已经查看
- 10Intel i7-9700K性能跑分曝光：同代提升约12%
- 11AMD推土机架构回顾：虽陨落却是Zen成功的垫脚石
- 12企业微信怎么登陆 微信企业版账号登录方法流程
[摘要]这篇文章介绍的内容是关于HTML学习笔记二 ，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下1、表格<table><table border="1"><tr><td>row 1, cell 1</td>&...
这篇文章介绍的内容是关于HTML学习笔记二 ，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下1、表格<table>
<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>
<tr>......</tr>定义行，<td>......</td>定义列
表头表示：
<tr> <th>heading</th> </tr>
如果要表示一个空行，可以用 空格占位符填充。
2、列表
第一种：无序列表——<ul>，使用粗体圆点标记
<ul> <li>Coffee</li> <li>Milk</li> </ul>
或者使用<ul type="circle">……使用的是空心圆点。
第二种：有序列表——<ol>，使用数字标记
<ol> <li>Coffee</li> <li>Milk</li> </ol>
或者使用<ol start="50">……表示数字从50开始标记。
第三种：自定义列表——<dl>
<dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl>
说明：
<dl>表示列表开始
<dt>表示列表项
<dd>表示列表项的定义
注意，列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
3、HTML类
对HTML进行分类，能为元素的类定义CSS样式。
对相同的类设置相同的样式。
<!DOCTYPE html>
<html>
<head>
<style>
.cities {
background-color:black;
color:white;
margin:20px;
padding:20px;
}
</style>
</head>
<body>
<p class="cities">
<h2>London</h2>
<p>
London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
</p>
</p>
</body>
</html>
<p>是块级元素，用于设置相同类。
<span>是行内元素。
<html>
<head>
<style>
span.red {color:red;}
</style>
</head>
<body>
<h1>My <span class="red">Important</span> Heading</h1>
</body>
</html>4、HTML网站布局
（1）使用<p>进行布局
<head>
<style>
#header {
background-color:black;
color:white;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
background-color:#eeeeee;
height:300px;
width:100px;
float:left;
padding:5px;
}
#section {
width:350px;
float:left;
padding:10px;
}
#footer {
background-color:black;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>
</head>使用<p id="header">......</p>
（2）HTML5提供的新语义元素
<header>定义文档或节的页眉
<nav>定义导航链接的容器
<section>定义文档中的节
<article>定义独立的自包含文章
<aside>定义内容之外的内容（侧栏）（？还没搞清楚这是什么）
<footer>定义文档或节的页脚
<details>定义额外的细节
<summary>定义details元素的标题
5、框架
通过使用框架，可以在同一个浏览器窗口显示不止一个页面。每份HTML文档成为一个框架，并且每个框架都独立与其他的框架。
（1）框架结构标签<frameset>
每个<frameset>定义列一系列行、列
rows/columns的值规定了每行或每列占据屏幕的面积
<frameset cols="25%,75%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> </frameset>
（2）其他
一般地，一个框架有可见边框，用户可以拖动边框来改变它的大小。若想避免，可以在<frame>中添加 noresize="noresize" 。
不能将<body>标签与<frameset>标签同时使用。不过添加包含一段文本的<noframes>标签，就必须将这段文字嵌套于<body>标签内。
<html> <frameset cols="25%,50%,25%"> <frame src="/example/html/frame_a.html"> <frame src="/example/html/frame_b.html"> <frame src="/example/html/frame_c.html"> <noframes> <body>您的浏览器无法处理框架！</body> </noframes> </frameset> </html>
<frame>中可以使用name锚属性，来转跳到指定节。
<iframe>用于在网页内显示网页
用法：<iframe src="URL" width="200" height="200" frameborder="0"></iframe>
iframe可用作链接的目标（target），该链接的target属性必须引用iframe的name属性。
<iframe src="demo_iframe.htm" name="iframe_a"></iframe> <p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>
注意，由于链接的目标匹配iframe的名称，所以链接会在iframe中打开。
相关推荐：
以上就是HTML学习笔记二的详细内容，更多请关注php中文网其它相关文章！
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
推荐资讯 总人气榜
最新教程 本月人气
- 1oppo r9与华为荣耀7哪一个好 华为荣耀7与oppo r9比较评测
- 2oppo r9与华为mate s哪一个好 华为mate s与oppo r9比较评测
- 3oppo r9与华为mate8哪一个好 华为mate8与oppo r9比较评测
- 4oppo r9与小米4比较评测 小米4好还是oppo r9好
- 5oppo r9与小米5尊享版哪一个好 小米5尊享版与oppo r9比较评测
- 6oppo r9与vivo x6plus比较评测 vivo x6plus还是oppo r9好
- 7oppo r9与vivo x6哪一个好 vivo x6跟oppo r9的区别
- 8vivo x6s plus与vivo x6s的区别 vivo x6s与vivo x6s plus比较
- 93星s73卡双待如何弄 3星galaxy s73卡双待改装图文说明教程
- 10oppo r9plus如何预约 oppo r9plus预约图文说明教程
- 11抱抱软件如何玩 抱抱软件如何开美颜 抱抱如何打开美颜图文说明教程_绿茶安卓网
- 12360手机f4与奇酷青春版比较评测 奇酷青春版与360手机f4哪一个好
- 1苹果手机如何设置微信透明头像
- 2鬼怪大结局是什么？韩剧《鬼怪》大结局第16集视频链接
- 3详细说明MySQL5.7中的关键字与保留字
- 4红米3s与红米note3哪一个好 红米note3与红米3s比较评测
- 5联想zuk z2开发者模式如何开 联想zuk z2开发者模式打开图文说明教程
- 6谷歌浏览器|谷歌浏览器屏蔽广告图文说明教程 谷歌浏览器如何屏蔽广告
- 7用PS如何将照片背景换成蓝色
- 8知道sql语句中where与having的区别
- 9mysql event事件调度器的图文代码详细说明
- 10QQ影音如何截取QQ表情？QQ影音截取QQ表情图文说明教程
- 11QQ影音如何播放3D视频？QQ影音播放3D视频设置技巧
- 12最新爱奇艺会员账号密码大全（2017.2.20）
