- 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学习笔记一 ，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下在点击打开链接的学习总结。HTML常用的标签及解释1、基本格式框架<html><body><h1>标题</h1><p>段落</...
这篇文章介绍的内容是关于HTML学习笔记一 ，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下在点击打开链接的学习总结。
HTML常用的标签及解释
1、基本格式框架
<html> <body> <h1>标题</h1> <p>段落</p> </body> </html>
2、文本格式化标签
<b>粗体</b> <big>大号字</big> <em>着重字（粗）</em> <i>斜体字</i> <strong>加强语气（粗）</strong> <sub>下标</sub> <sup>上标</sup> <ins>插入字</ins> <del>删除字</del>
3、链接
<a href="URL" target="_blank"> this is a link </a>
其中，href=超链接，target="_blank"表示在新窗口打开文件。
注意，两者之间用空格。
有一种特殊情况是使用name属性，可以转跳到name属性定义的锚。
<a name="tips">基本的注意事项 - 有用的提示</a> . . . <a href="#tips">跳转到tips标签处</a>
注意，引用锚时要在名字前面加#。
4、图像
<img src="boat.gif" alt="Big Boat" width="104" height="102" />
其中，src存放图片所在地址；
alt属性表示替换文本，即当图片不能加载是所显示的文字说明；
width和height用于设置图片的长度和宽度；
另外，图像还有一个属性border用于规定图像边框的宽度。
5、改变属性的通用方法——style
<body style="background-color:yellow"> <h2 style="font-family:arial;color:red;font-size:20px;text-align:center;"> 标题 </h2> </body>
其中，background-color用于设置背景颜色；
font-family用于设置字体；
color用于设置（标题）字体颜色；
font-size用于设置字体大小；
text-align：center居中。
6、引用
第一种：相当于“”。
<q>所要引用的话</q>
第二种：长引用，自动缩进，cite表示出处地址（可省略）。
<blockquote cite="URL">......</blockquote>
第三种：缩略词，鼠标放到缩略词上会显示完整内容，即title。
<abbr title="world health organization">WHO</abbr>
第四种：地址（联系信息），自动斜体，并且前后自动加换行。
<address>我是地址</address>
第五种：著作标题，自动斜体。
<cite>老人与海</cite>
特别的，双向重写，dir="rtl"为从右向左书写
<bdo dir="rtl">从右向左</bdo>
7、计算机代码
<kbd>键盘输入</kbd> <samp>计算机输出示例</samp> <code>代码</code> <pre>文本</pre> <var>数学公式</var>
其中，前三种均不保留空格和换行，如果要保持文本的原有格式，请使用第四种，<pre>保留换行。
8、创建图像映射
<html> <body> <p>请点击图像上的星球，把它们放大。</p> <img src="/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="/example/html/venus.html" target ="_blank" alt="Venus" /> <area shape="rect" coords="0,0,110,260" href ="/example/html/sun.html" target ="_blank" alt="Sun" /> </map> </body> </html>
其中，<map>定义图像地图，包括id和name属性，感觉一般情况下都要定义；
<area>定义图像地图的可点击区域，包含的属性：
shape规定区域的形状
coords规定区域的（x,y）坐标，左上角为（0,0）；比如（x,y,z），xy表示圆心，z表示半径
<img>中的usemap属性引用map中的id或name属性。
9、其他
<br/>-------换行
<hr/>-------水平线
<!-- this is a comment -->---------注释
以上就是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）
