`
fireq3
  • 浏览: 38127 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

html 标准基础 小记

 
阅读更多
1.最基本标签
HTML 标题
HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

HTML 段落
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML 链接
<a href="http://www.w3school.com.cn">This is a link</a>

HTML 图像
<img src="w3school.jpg" width="104" height="142" />
HTML 提示:使用小写标签
HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。
W3School 使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。

标签 描述
<html> 定义 HTML 文档。
<body> 定义文档的主体。
<h1> to <h6> 定义 HTML 标题
<hr> 定义水平线。
<!--> 定义注释。
<p> 定义段落。
<br /> 插入单个折行(换行)。

文本格式化标签
标签 描述
<b> 定义粗体文本。
<big> 定义大号字。
<em> 定义着重文字。
<i> 定义斜体字。
<small> 定义小号字。
<strong> 定义加重语气。
<sub> 定义下标字。
<sup> 定义上标字。
<ins> 定义插入字。
<del> 定义删除字。

引用、引用和术语定义
标签 描述
<abbr> 定义缩写。
<acronym> 定义首字母缩写。
<address> 定义地址。
<bdo> 定义文字方向。
<blockquote> 定义长的引用。

2.基本样式
style="background-color:yellow"
style="font-family:arial;color:red;font-size:20px;"
style="text-align:center"

3.<a>
<a href="#tips">Visit the Useful Tips Section</a>
<a href="http://www.w3school.com.cn/html_links.htm#tips">
Visit the Useful Tips Section
</a>
<a name="tips">Useful Tips Section</a>

4.<table>
border=0 无边框,默认 table上的
cellpadding="10" 内容写边框的距离 table上的

colspan="2" 跨行 td,th上的
rowspan="2" 跨列 td,th上的

5.<img>
<img src="/i/eg_cute.gif" align="bottom" alt="向左转" width="50" height="50" >
align:对齐
bottom
middle
top
right
left

把图像作为链接来使用:
<a href="/example/html/lastpage.html">
<img border="0" src="/i/eg_buttonnext.gif" />
</a>
img 中加上ismap 加以将坐标传到url中?20,78

图像中点坐标
<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="circle"
coords="129,161,10"
href ="/example/html/mercur.html"
target ="_blank"
alt="Mercury" />
<area
shape="rect"
coords="0,0,110,260"
href ="/example/html/sun.html"
target ="_blank"
alt="Sun" />
</map>
分享到:
评论

相关推荐

    android开发小记

    在“android开发小记”这个主题中,我们可以深入探讨Android应用程序开发的相关知识,特别是通过查看提供的压缩文件中的代码示例。这些文件名如lesson_8_code.zip至lesson_20_codel.zip,以及不同的Mp3Player版本,...

    java小记.rar

    总的来说,"java小记.rar"这个压缩包可能是对Java Web开发全面而深入的总结,包括基础概念、实战经验和技术趋势,对于初学者和有经验的开发者来说都是宝贵的资源。通过学习和参考这些笔记,可以提升Java Web开发技能...

    Linux boost库安装、编译问题小记

    环境: Linux s12084 2.6.9-67.ELsmp #1 SMP Wed ...小记一下。以备以后参考。  boost 库做得真好。在windows 平台, linux 平台下编译都很顺利。hp aCC 也宣称对 boost 1.35 完全支持 。  全部编译是很痛苦的过程

    C++编程小记,经典收藏

    ### C++11 新特性详解 #### 一、Auto 关键字的新用途 - **旧用途**:在C++11之前,`auto`关键字主要用于指定变量的存储期。 - **新用途**:C++11引入了类型推断的概念,`auto`变成了一个类型占位符,用于告诉...

    随笔小记.doc

    随笔小记.doc

    GeoStudio学习小记.pdf

    GeoStudio学习小记

    python进行爬虫小记

    此外,Python标准库中的os和time等也对爬虫开发提供了便利。 首先,进行爬虫开发时,我们需要了解如何解析HTML页面。requests库是发送HTTP请求的基础,可以用来获取网页内容。例如,使用`requests.get()`方法可以...

    【咬人草小记,阅读附答案】 咬人草小记阅读答案.docx

    这篇文章是关于一种名为“咬人草”的植物的描述和作者对其独特特性的体验与思考。咬人草在新疆地区生长,是一种看似普通的草本植物,却有着不寻常的防御机制——它的叶瓣上有尖锐的小刺,一旦触碰,就会像被毒蜂蜇...

    每日小记,记录账单和日记

    在个人财务管理中,记账是一个基础但至关重要的步骤。通过"每日小记",用户可以轻松记录每一笔收入和支出,无论是买咖啡的小额开销,还是支付租金的大额支出。这样的记录有助于用户清晰地了解自己的消费习惯,识别...

    d3js 学习小记

    ### D3.js 学习小记 #### SVG基础与D3.js绘图实践 ##### SVG基础 SVG(可缩放矢量图形)是一种基于XML的矢量图像格式,用于描述二维图形以及图形应用。SVG 图像可以被放大、缩小而不会失真,非常适合于网页制作。...

    刘重威将军小记.docx

    刘重威将军小记.docx

    数据结构习题总结 拾荒小记

    《数据结构习题总结 拾荒小记》是一份以C++语言实现的数据结构算法集,涵盖了严蔚敏教授经典教材中的80%算法。这份资料旨在帮助学习者巩固和深化对数据结构的理解,同时也为社区提供了一份宝贵的资源。 首先,让...

    随笔小记文档及若干代码

    随笔小记的文档,自己记录的一些文档,仅供参考

    当代班主任工作小记.doc

    当代班主任工作小记.doc

    小学语文圣诞节作文圣诞小记

    小学语文圣诞节作文圣诞小记

    asp.net Jmail使用小记

    "Jmail组件使用小记.doc"文件很可能包含了更详尽的使用教程和注意事项,包括如何处理错误、如何调试、如何设置HTML格式的邮件、如何使用模板等功能。阅读这份文档可以帮助你更深入地理解和使用Jmail组件,解决在实际...

    TCP-IP小记

    TCP/IP协议是互联网的核心...总的来说,TCP/IP协议是构建互联网的基础,理解其工作原理对于网络编程和网络故障排查至关重要。通过深入学习TCP/IP,我们可以更好地理解网络通信的本质,提高网络应用的设计和优化能力。

    STM8S+STVD+COSMIC折腾小记STM8S+STVD+COSMIC折腾小记.专为新手准备_rezip.zip

    STM8S+STVD+COSMIC折腾小记STM8S+STVD+COSMIC折腾小记.专为新手准备_rezip

    Sublime Text3 安装到使用个人小记

    Sublime Text3 安装到使用个人小记

    御风小记账本

    首先,我们来了解下Delphi编程的基础知识。Delphi的IDE(集成开发环境)集成了强大的VCL(Visual Component Library)框架,使得开发者可以使用可视化设计工具创建用户界面,大大提高了开发效率。此外,Delphi的...

Global site tag (gtag.js) - Google Analytics