如何快速入门HTML是HTML文档中最重要的标题,一般将其作用整个HTML文档的标题。


这篇文章主要讲解了“如何快速入门HTML”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何快速入门HTML”吧!html网页语法结构如下:
  
  
  
  
  
  
  1、标题字体:一对标记表明正文中的第一层标题。标题一共有六层(H1—H6),随着数字的增加,标题字体依次减小且自动显示为黑体字。
  1) 一级标题
  2) 二级标题
  3) 三级标题
  4) 四级标题
  5) 五级标题
  标题字体用到的属性是“ALIGN”,用来控制标题文字的水平对齐方式:
  Left(居左对齐)、Right(居右对齐)、 Center(居中对齐)。
  语法为:
  标题文字
  说明:(1)其中“*”表示数字1—6
  (2)“”之中为Left、Right或者Center三者之一。
  默认为 align=left
  2、文章字体:标记用于在HTML文档中设置文本大小与颜色。
  文章字体用到的属性为SIZE与COLOR:
  1) SIZE 取值从1到7,代表字体尺寸从最小到最大,其中SIZE属性的缺省值为3,也可在所取数值前加控制符:“+”代表加大字体,“—”则反之。
  2) COLOR有两种表示方法:
  A. 英文字母:black(黑色)、white(白色)、red(红色)、green(绿色)、blue(蓝色)、yellow(黄色)、aqua(浅绿 色)、fuchsia(紫红色)、gray(灰色)、lime(橙色)、maroon(栗色)、purple(紫色)、olive(橄榄)、 silver(银色)
  B. 用6个16进制的字母表示,也就是0—F之间取值,称为RGB值:0代表的颜色最暗,F代表的颜色最亮,如“000000”是黑色,“ffffff”是白色。
  文章字体语法:
  文章文字
  说明:其中SIZE属性可以选择1—7;COLOR属性值可以选择RGB值或者预定义颜色名称(即英文字母)。
  标记
不空一行
  段落标记 空一行 相当于

  3、 物理字体:用来给文本赋以某种显示属性,而不必考虑文本的逻辑含义。
  1) 或者:用来指示以粗体字显示文本。(大多数WEB浏览器都认为是黑体)。
  2) 或者:用来指示以斜体字显示文本。
  3) :用来指示为文本加下划线。没有颜色属性,文本颜色就是它的颜色
  4) :指示以上标方式显示文本。
  5) :指示以下标方式显示文本。
  6) :用来指示在文本的正中央画一条删去线。没有颜色属性,文本颜色就是它的颜色
  4、 逻辑字体:是命令各种浏览器对控制符容器中的字符进行相对的修饰。
  1) :一般强调文字,字体是意大利斜体。
  2) :着重强调文字,以黑体(加粗)字显示。
  3) :代表一个HTML元素示例的文字。
  4) :输出示例中的文字。当浏览器遇到标记时,就根据系统默认设置格式化标 记之间的文本。一般它以比标准字体较小的字体样式显示文字,而且文字宽度固定。
  5) :代表一个键盘按键的文字。
  6) :定义变量或者值的文字。斜体显示。
  7) :定义文字。斜体显示。
  8) :引用文字,意大利斜体显示。
  9) :小号字体。
  10) :大号字体。
  说明:标记与标记可产生同样的效果,但后者对字形的控制更加精确。版本可用于早期的浏览器版本,但 早期版本不支持标记。
  5、 字符实体:
  在往HTML文档中写入特殊字符,要使用特殊的代码,浏览器会用HTML命令对这些特殊代码进行翻译。
  下面就是以字母或数字表示的特殊符号的常用举例:
  ;:空格
  !;:!
  quot;:”
  #;:#
  $;:$
  %;:%
  amp;&;:&
  ’;:’
  (;:(
  );:)
  *;:*
  +;:+
  ,;:,
  -;:—
  。;: 。
  /;:/
  0;-9;:数字从0到9
  :;: :
  ;;: ;
  

  =;:=
  >;>;: >
  ?;:?
  @;:@
  A;-Z:大写字母从A到Z
  [;:[
  ;:
  ];:]
  ^;:^
  _;:_
  ——;:——
  a;-z:小写字母从a到z
  ; ;:不换行空格
  6、 文字对齐:
  
  
  也可以设置段落对齐。用法与
  1)
  说明:ALIGN属性可以用“LEFT”、“CENTER”、“RIGHT”,分别对应于将标记中间的字符块按照左、中、右对齐。
  2)
  说明:这个标记没有属性,它的作用是将标记中间的字符居中对齐,它的作用和
  3) 段落
  说明:和
  7、 文字移动:用文字编排各种WEB页面时,难免会有一些需要强调的部分,设置动态效果会起到强调突出文本的作用。页面的移动,必须在浏览器中才能看到。
  文字移动所包含的主要内容有:
  A. 文字移动方向的设置
  B. 文字移动方式的设置
  C. 文字移动循环的设置(次数)
  D. 文字移动速度与延时的设置
  E. 文字移动底色的设置
  F. 文字移动面积的设置
  1) 语法:文字
  说明:DIRECTION属性的属性值是取“LEFT”、“RIGHT”两个值,分别对应将中间的字体向左、右移动。
  2) 语法:文字
  说明:BEHAVIOR属性的属性值是取“SCROLL”、“SLIDE”、“ALTERNATE”三个值,分别对应将中间的字体循环移动、只移动一次、在屏幕中间左右移动。
  3) 语法:文字
  说明:LOOP属性的属性值是取一个数值,表示将中间的字体循环移动的次数。
  4) 语法:文字
  说明:SCROLLAMOUNT属性的属性值是取数字值,对应将中间的字体循环移动的速度。数值越大,表示速度越快。
  5) 语法:文字
  说明:SCROLLDELAY属性的属性值是取数字值,对应将中间的字体循环移动的延时。设置这个参数也会影响到文字移动的速度。
  6) 语法:
  
  说明:
  A. HEIGHT属性的属性值是取数字值,这个属性控制了文字移动面积的高度。
  B. WIDTH属性的属性值是取数字值,这个属性控制了文字移动面积的宽度。
  C. BGCOLOR属性的属性值可以取RGB值,或者用预定义值,它控制了移动文字的背景颜色。
  8、 文字中行的控制:
  主要包括两个内容:
  A. 分段:在文本中另起一段。
  B. 换行:在文本中另起一行。
  1) 的语法:
  说明:ALIGN属性是可选的。它的属性的属性值可以取“LEFT”、“CENTER”、“RIGHT”三个值中的值,这个属性控制了段落中的文字在WEB页面中的对齐方式。注意:有些浏览器不支持右对齐方式。
  当我们单独定义一个空行时,我们习惯使用的双标记形式,所以
  是HTML中唯一一个不能明确定义是双标记还是单标记的一个标记。
  2) 语法:
  说明:这个标记是单标记。
  9、 列表:常用的有三种类型的列表,分别是无序列表、有序列表、定义列表。列表单
  元允许嵌套。
  结构:
  A. 起始标记:定义了整个列表的开始,同时定义这个列表的属性。
  B. 定义每一个选项。
  C. 列表的结束。
  1) 无序列表:
  A. 语法:
  说明:
  l
  l TYPE属性可以分别取三个值“DISC”、“SQUARE”、“CIRCLE,它们是用来控制强调符风格的属性,三个值分别对应实心圆点,实心方块,空心圆圈。在FRONTPAGE里,除DISC外的其它两个属性必须使用小写时浏览器才可识别。
  l COMPACT属性是个无值属性(名称标记),用来使列表的表项用紧凑格式紧凑表示。
  B. 语法:
  说明:
  l TYPE属性是可选的,一般情况下是不需要的,因为在整体列表定义时应该已经定义完毕,只有在极少数情况下,需要使不同表项的强调符不同,才有必要在这里 定义这个属性。属性值的选择和前面列表的属性选项一致。(在FRONTPAGE里,除DISC外的其它两个属性必须使用小写时浏览器才可识别。)
  2) 有序列表:
  语法:
  说明:
  l
  l TYPE属性可以分别取五个值“1”、“a”、“A”、“i”、“I”,它是用来控制强调符风格的属性,五个值分别对应数字、小写字母、大写字母、小写罗马数字、大写罗马数字。
  l START属性是一个数字,表示从第几个数字(字母)开始计数值为数值。例:4
  l COMPACT属性是个无值属性(名称标记),用来使列表的表项用紧凑格式紧凑显示。
  3) 定义列表:一般用来定义术语,有时也将定义列表称为词汇列表。定义列表的列表项分成两部分,一部分是需要定义的术语,另一部分是该术语的定义。
  A. 语法:
  说明:
  l
  l COMPACT属性是个无值属性(名称标记),用来使列表的表项用紧凑格式紧凑显示。
  l
  B. 语法:
  说明:
  l
  C. 语法:
  说明:
  l
  l
  预格式化:
  
  l 语法规则中列举的文本级标记,例如等允许出现在

单元,但是他们并没有全部得到所有浏览器的支持。


  l 段落标记不允许出现在
  l 因为
  链接:是WWW的基础,也是核心。单击这些链接,读者就能从当前WEB页的当前位置跳转到Internet的任何一个部分。Anchor:锚 简写:A
  语法:
  说明:
  l “HREF”是超文本引用的意思它是标记的属性,可以将需要链接页面的地址放在“HREF”之后的引号中进行链接。
  l URL(Uniform Resource Locator):统一资源定位符,是WEB页的地址。
  l URL后面跟的“#NAME”部分是指定页面的指定部分的标识,它是通过在目的页面的定义的名称。
  l URL部分可以使用的协议和目的类型主要有以下几种:
  2 内部链接
  2 外部链接
  2 文件下载地址
  2 电子邮件地址
  加入图片:大多数浏览器都支持两种图形格式:GIF(图形互换格式)和JPEG(联合图像专家组)。
  语法:
  说明:
  l “SRC”表示图片的来源,与标记的“HREF”的属性一样,可以为标记的“SRC”属性指定完整的Internet地址。如果图像文件与HTML文件在同一个文件夹内,也可以仅指定文件名,即使用相关地址。
  l 属性“ALIGN”属性则标识了图片在页面中的对齐方式,分别取值为“LEFT”、“RIGHT”、“TOP”、“MIDDLE”、“BOTTOM”,对应于左、中、右对齐。(若标记中不包含ALIGN属性,图像将于靠近它的文字底部对齐。
  l “BORDER”属性标识了图片的边框线的宽度,数值越大,边框线越宽。
  l “ALT”属性是在图片显示后,对于图片的一段描述文字,这段文字是在当浏览者将鼠标放置到该图上,停止一段时间后,页面上自动会弹出一个黄色的文本框,里面的文字,就是我们写在引号中的内容。
  13、水平线:
  语法:
  说明:
  l ALIGN属性用来设置水平标尺线的对齐方式,“LEFT”为水平线与页面的左边对齐,“CENTER”为水平线与页面的中间对齐,“RIGHT”为水平 线与页面的右边对齐,缺省时标尺线居中。ALIGN属性只有在设置了比浏览器窗口宽度小的“WIDTH”属性时才有实际意义。
  l WIDTH属性用来设置水平标尺线在水平方向上的宽度,即水平标尺线的长度。
  l SIZE属性设置水平标尺的粗细,单位是像素数。SIZE属性只能取整数值,缺省值为2。
  l NOSHADE属性是一个名称记号,用于取消水平标尺线的阴影,即画出一条简单的实线,没有三维效果。
  表格:是指按照一定顺序将文本及图形按照一定方式进行排列。是组织数据的一种十分有效的方式。与列表相比,表格可以容纳更多的内容,而从表现效果来看,表 格的形式也更加完美。表格中由行和列分隔成的格子称为表元(cell),是矩形区域,它可以包含文本,图像和HTML标记。可将其他HTML元素放入表格 单元中,但一个单元中使用的标记不能持续作用到其他单元。也就是说,如果要在一个表元中间放一个双标记,那么一定要在表元结束之前,结束这个双标记。用以 分隔表元的行列线则称为表格的边框线(border),表元的内容分成两类,一类是表头,一类是表数据。感谢各位的阅读,以上就是“如何快速入门HTML”的内容了,经过本文的学习后,相信大家对如何快速入门HTML这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是百云主机,小编将为大家推送更多相关知识点的文章,欢迎关注!免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@byun.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。百云主机公众号手机网站二维码Copyright Yisu Cloud Ltd. All Rights Reserved. 2018 版权所有广州百云主机计算有限公司粤ICP备1709644免费云主机域名8号-1
粤公网安备 44010402001142号增值电信业务经营许可证编号:B1-20181529

相关推荐: css常用技巧是什么

小编给大家分享一下css常用技巧是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!1、三角形列表项目符号2、外部CSS3 盒阴影3、内部CSS3 盒阴影4、CSS3 斑马线5、强制…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 09/13 17:22
Next 09/13 17:23

相关推荐