入门:HTML的基本标签和属性简单介绍

HTML是由标志和属性构成的,它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件,属性是标志的选项,在标志中修饰,如颜色,对齐方式,高度和宽度等。很多标志都成对出现,例如有 就有 前一个表示开始,后一个表
HTML是由标志和属性构成的,它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件,属性是标志的选项,在标志中修饰,如颜色,对齐方式,高度和宽度等。很多标志都成对出现,例如有<TITLE>就有</TITLE>前一个表示开始,后一个表示结束,内容放在两者之间。
基本结构标志
<HTML> ----------表示该文件为HTML文件
<HEAD> ----------包含文件的标题,使用的脚本,样式定义等
<TITLE>HELLO WORLD!</TITLE> -包含文件的标题,标题出现在浏览器标题栏中
<HEAD> ----------</HEAD>的结束标志
<BODY> --------放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示</BODY>
</HTML> ----------<HTML>的结束标志
其它主要标志 以下所有标志用在<BODY></BODY>中
<A HREF="…"></A> ----------链接标志,“…”为链接的文件地址
<IMG SRC="…"> ----------显示图片标志,“…”为图片的地址
<BR> ----------换行标志
<P> ----------分段标志
<B></B> ----------采用黑体字
<I></I> ----------采用斜体字
<HR> ----------水平画线
<TABLE></TABLE> ----------定义表格,HTML中重要的标志
<TR></TR> ----------定义表格的行,用在<TABLE></TABLE>中
<TD></TD> ----------表格单元,用在<TR></TR>中
<FONT></FONT> ----------字体样式标志
属性的用法:
属性是用来修饰标志的,属性放在开始标志内。
例如:属性bgcolor="BLACK"表示背景色为黑色。引用属性的例子:<BODY bgcolor="BLACK"></BODY>表示页面背景色为黑色,<TABLE bgcolor="BLACK"></TABLE>表示表格背景色为黑色。
常用属性:对齐属性 范围属性
ALIGN=LEFT 左对齐(缺省值) WIDTH=象素值或百分比 对象宽度
ALIGN=CENTER 居中 HEIGHT=象素值或百分比 对象高度
ALIGN=RIGHT 右对齐 色彩属性
COLOR=#RRGGBB 前景色 参考色彩对照表
BGCOLOR=#RRGGBB 背景色

原创文章,作者:admin,如若转载,请注明出处:https://www.laofox.com/web/html-tutorial/157.html

(0)
上一篇 2022年7月3日 上午10:45
下一篇 2022年7月3日 下午12:49

相关推荐

  • html 基底网址标记

    它的作用就是定一个全局的样式。那你后面的相对路径会以这个为基准: <img src="logo.gif" />会变成 <img src="https://www....

    html 2022年7月3日
    10000
  • XHTML教程:Transitional和Strict的区别

    其实XHTML 1.0还分两种(加上Frameset DOCTYPE的话算三种,本文不讨论),Transitional(过渡型)和Strict(严格)DOCTYPEs。并且HTML...

    html 2022年7月3日
    8200
  • 用Meta标签代码让360双核浏览器默认极速模式不是兼容模式

    一个网站,大量采用了html5和css3,希望用户都以webkit内核打开页面,但是测试却发现360的以ie内核打开为推荐模式,不知原因为何。其实360给网站开发者设计了一种选择的...

    2022年6月8日
    14000
  • HTML中img标签只显示图片中心位置的方法(三种方法)

    html中 img标签显示图片中心的方法目前知道三种,在此记录一下 第一种:用到css的clip:rect(top right bottom left);用法,需要配合positi...

    html 2022年6月8日
    63500
  • W3C教程(16):其他的W3C活动

    本节概况了其他一些重要和有趣的 W3C 活动。 本节概况了其他一些重要和有趣的 W3C 活动。 Web Accessibility Initiative (WAI) WAI 定义了...

    html 2022年7月3日
    8000
  • Firefox下英文字母不换行的解决方案

    文本的排版依据语言的不同会有一些格式上的要求,比如简体中文中类似逗号、分号等标点符号不会出现在一行的开头,对于英文来讲就是一个完整单词不会 在两行显示,浏览器会依据类似这样的原则来...

    html 2022年7月3日
    11100
  • 作用相似html标记:strong与em、q、cite、blockquote

    在XHTML标签中有一些标签的作用是相似的,当然这里的相似是指语义相似,以至于很多人都不清楚这些相似的标签如何使用,那么今天的主题就是分解相似的标签,明确各个标签的用途。在前面我们...

    html 2022年7月3日
    7200
  • 网页布局设计的简单原则

    本文整理了一些网页布局设计的简单原则,希望对网页设计者有一些用处。 本文整理了一些网页布局设计的简单原则,希望对网页设计者有一些用处。 ・重复:在整个站点中重复实现某些页面设计风格...

    html 2022年7月3日
    7500
  • 使用整洁的HTML标记构建页面

    网络是个不断发展变化的有机体,如何建设可以长久适应互联网发展的页面是很重要的,它可以是你的网站在互联网发展的激流中迅速跟进。 使用整洁的HTML标记,构建符合标准的页面可以帮助你做...

    2022年7月3日
    11200
  • W3C教程(13):W3C WSDL 活动

    Web Services 与应用程序到应用程序的通信有关。WSDL 是一门基于 XML 的 Web Services 描述语言。 Web Services 与应用程序到应用程序的通...

    html 2022年7月3日
    7600

发表评论

您的电子邮箱地址不会被公开。