HTML基础知识(一)

标记语言介绍

  • 在书面自然语言中为了表示某些信息而加入一些标记,这种书面自然语言就被称为标记语言。
  • <标题>什么是标记语言?
  • <作者>比尔盖茨
  • <正文>......
  • 标记语言不同于一般的控制流程序设计语言,它可以被视为是一种数据流的文档结构表述语言。

HTML概述

  • HTML是超文本标记语言,是SGML的一个实例,是专门为在互联网上发布信息而设计的标记语言。
  • 该语言以文本格式为基础,可用任何编辑器和文字处理器来处理。

HTML的基本结构

  • HTML文件(字母大小写均可)由文件头(head)和文件体(body)两部分组成。在文件的开始部分必须加上标记<html>来说明此文件为html文件,只有这样浏览器才能识别它;在文件的结束部分加上文件的终止标记</html>。
  • 文件头用于描述浏览器所需的信息。文件体包含所要说明的具体内容。

一个完整的HTML

<code><html>
<head>
<title>头部信息</title>
</head>
<body>
<font face = "Arial" size="+2" color=red><em>文档主体 </em>
<BR>正文部分
</BR>
</body>
</html></code>

  • 将这段文字存入在文本编辑器里,并起名为first.html,注意文件的类型一定是html或htm,同时需要将文件的保存类型设为.。这样保存后的first文件呈现Web浏览器图标,双击运行可显示为网页类型。

超文本标记

"<"和">",用来分割和标记文本的元素。
  1. 单标记:只需单独使用就能完整的表达意思。
    语法格式: <标记名称>,例如:<BR>表示换行。
  2. 双标记:由“始标记”和“尾标记”构成,必须成对使用。
    语法格式:<标记>内容</标记>,例如:<EM>文档主体</EM>.
  3. 标记属性:许多单标记和双标记的始标记内可以包含一些属性。
    语法格式:<标记名字 属性1 属性2 属性3 ...>
    各属性之间无先后次序,属性也可省略。
    例如:
    <code><font face = "Arial" size = 5 color= red>...</font></code>

HTML的基本工具

HTML编辑器和Web浏览器

HTML文本为ASCII码,即纯文本文件。

HTML文件构成

<code><html>
<head>
<title>网页制作教学</title>
<Meta http-equiv="Content-Type"content="text/html;charst=gb2312">
</head>
<body bgcolor ="green">
</body>
</Meta>
</html></code>

HTML元素

  • HTML元素用来标记文本,表示文本的内容。比如body、p、title等。元素用Tag表示,Tag以“<”开始,以“>”结束。

HTML属性

HTML属性可以扩展为HTML元素的能力。例如bgcolor属性:
<code><body bgcolor = "red"></code>
在例如border这个属性,将一个表格设成一个无边框的表格:
<code><table border = "0></code>

  • HTML属性通常由属性名和属性值成对组成。
  • 属性值一般用双引号引起来。

HTML事件

  • HTML元素可以识别和响应某些操作行为,这些操作行为称为事件。

HTML元素标记

  1. 扩展标记:META用来表述一个HTML文档的属性,如作者、日期和时间、网页描述、关键词、页面刷新等。
  2. 文件标记:如<html></html>、<head></head>.
    text:文字颜色,bgcolor:背景颜色,background:设定背景墙纸,leftmargin/topmargin:设定内容的左、上边距,bgproperties:当卷动文字时墙纸会不会跟着卷动,scroll:是否有卷动条。
  3. 图形标记:超文本支持的图形格式一般有Bitmap、GIF、JPEG等。
    图形的标记是<IMG>,没有结束标记。
    格式为<IMG SRC="图形文件地址">
  4. 排版标记
    1.注释标记()
    2.段落标记(<P>)
    3.换行标记(<BR>)
    4.预设格式标记<PRE>该标记允许保留原码中输入的文字格式。
    5.水平线标记(<HR>)
    格式:<HR align = "LEFT" size = "+2" width = "70%" color = "#0000FF">
    6.居中标记(<CENTER>)
    7.区隔标记(<DIV>)
    8.不折行标记(<NOBR>)
  5. 字体标记:实体标记和逻辑标记。
    实体标记有:
    <I><B><U>
    逻辑标记有:
    <STRONG><EM><VAR><CITE><DFN><ADDRESS><CODE><KBO><SAMP><TT>
  6. 链接标记
  7. 跑马灯标记
  8. 闪烁文字
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 公司最近人手极度空缺,领导一声令下,让我和另一个 Android 小伙去支援 Java 组开发。秉承着“一块砖”的...
    GinkWang阅读 777评论 0 15
  • 知识点导航: 一、HTML初步认识<p> 什么是纯文本文件txt 只能保存文本内容的文件叫做纯文本文件,即txt文...
    lanvy阅读 922评论 0 1
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,010评论 19 139
  • 1.通过实现动态代理模式生成$Proxy.class文件,逻辑如下: 2.接下来通过java 反编译器查看$Pro...
    Terminalist阅读 1,083评论 0 2