HTML5基础语法详述

HTML5标签

HTML不是一种编程语言,而是一种标记语言(Hyper Text Markup Language)。HTML5标记标签是由尖括号括起来的关键词,比如<html>
HTML5的标签通常是成对出现的,如<b>和</b>其中第一个标签是开始标签,第二个标签是结束标签。
语法:

<标签名称>文本内容</标签名称>

成对的标签只对包含在其中的文本发生作用;
在每个标签中,大写小写或混写均可。

元素

HTML5元素是指从开始标签到结束标签的所有代码。
例如:

<p>具体的文本内容</p>

这个<p>元素定义了HTML5文档中的一个段落,这个元素拥有一个开始标签<p>和一个结束标签</p>.

再如:

<a href="https://www.taobao.com/">淘宝网</a> 

这个<a>元素定义了一个超链接,它由开始标签<a>和结束标签</a>构成,元素的内容是:淘宝网,href属性表示<a>元素的超链接地址。

在HTML5的语法中,每个由HTML5标签与文字所形成的元素内,还可以包含另一个元素。整个HTML5文件就像一个大元素包含了许多小元素。

HTML5文件基本结构

<html>                   //文件开始
<head>                   //文件头
<title>文件标题</title>   //文件标题
</head>                  //文件头结束
<body>                   //文件体
文件正文                  //主体部分,基本的内容都在这里边写
</body>             
</html>                  //文件结束

< head> 与< /head>之间的元素是html5文件的文件头部分,用以说明文件的标题和整个文件的一些公共属性;< body>和< /body>是文件的主体部分,我们要实现的功能大部分是在这两个标签间实现的。

HTML5的基本标签

1.文件开始标签<html>

在任何一个html文件里,最先出现的html标签就是< html>,它是用于标识该文件是以HTML编写的,文件中所有文件内容都包含在< html>和 < /html>之间。
该标签不带任何属性。
其实现在常用的web浏览器都可以自动识别html文件,但是还是应该养成使用这个标签的好习惯。

2.文件头部标签<head>

html文件可分为文件头和文件主体两部分。文件主体部分就是在web浏览器窗口的用户区内看到的内容。而文件头部分用来规定该文件的标题(出现在web浏览器窗口的标题栏中)和文件的一些属性。它包含文件的标题、编码方式及url等信息,用于提供索引、辨认或其他方面的应用。
如果文本写在< title>标签中,则表示该网页的名称作为窗口的名称显示在这个网页窗口的最上方。
(如果html文件不需要提供相关信息时,可以省略< head> 标签。)

3.文件标题标签<title>

网页的名称写在< title>和< /title>之间,< title>标签应包含在< head>和< /head>标签之中。

4.元信息标签<meta>

meta元素提供的信息是用户不可见的,它不显示在页面中,一般用来定义页面信息的名称、关键字、作者等。在HTML中,meta标记不需要设置结束标记,在一个尖括号内就是一个meta内容,而在一个html头页面中可以有多个mata元素,meta元素的属性有两种:name 和 http-equiv,其中,name属性主要用于描述网页,以便搜索引擎机器人查找、分类。

5.页面主体标签<body>

在网页的主体标签部分中有很多的属性设置,如下表:

属性描述
text设置页面文字的颜色
bgcolor设定页面背景的颜色
background设定页面的背景图像
bgproperties设定页面的背景图像为固定,不随页面的滚动而滚动
link设定页面默认的链接颜色
alink设定鼠标正在单击时的链接颜色
vlink设定访问后的链接颜色
topmargin设定页面的上边距
leftmargin设定页面的左边距

页面的注释

有三种注释的方法:
1.<!--注释文字-->
2./*注释文字*/
3.//注释文字

  • 2
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
计算机应用基础 计算机应用基础2详述全文共86页,当前为第1页。 第二章 Word2010的使用 2.1 制作培训通知 2.2 制作产品说明书 2.3 制作销售广告页 2.4 制作采购寻价单 2.5 制作宣传册 计算机应用基础2详述全文共86页,当前为第2页。 2.1 制作培训通知 2.1.1 任务 创建一个培训通知 计算机应用基础2详述全文共86页,当前为第3页。 2.1 制作培训通知 1、启动word2010 在开始菜单的office里面点击word软件 计算机应用基础2详述全文共86页,当前为第4页。 2.1 制作培训通知 2、认识word窗口 计算机应用基础2详述全文共86页,当前为第5页。 2.1 制作培训通知 (1)标题栏。标题栏位于窗口顶端,它显示应用程序名称及当前正在编辑的文档名称,标题栏的左侧是"文件"按钮 和快速访问工具栏,右侧是三个控制窗口的按钮 (2)选项卡。在默认情况下,选项卡栏包括"开始"、"插入"、"页面布局"、"引用"、"邮件"、"审阅"和"视图"7个选项卡 (3)标尺。利用水平标尺、垂直标尺与鼠标可以进行文本定位、改变段落的缩紧、调整页边距、改变栏宽、设置制表位等。标尺可以显示或隐藏,只需要点击垂直滚动条上方的"标尺"按钮 计算机应用基础2详述全文共86页,当前为第6页。 2.1 制作培训通知 (4)编辑区。编辑区中有个闪烁的光标,表示当前插入点,可以接收键盘的输入。每个段落用Enter键结束,其后会有个段落标志 (5)滚动条。文档窗口的右侧是垂直滚动条,下边是水平滚动条,用户可通过移动滚动条来查看未显示的部分 (6)状态栏,状态栏位于窗口底部。状态栏左侧显示当前文档的页码/总页数和字数,使用的语言,以及当前文档的插入/改写状态切换按钮。状态栏右侧是视图切换按钮,共有5中视图切换方式 计算机应用基础2详述全文共86页,当前为第7页。 2.1 制作培训通知 Tips:插入状态是指在文字后面插入文字,插入一个文字光标自动后移一位,改写状态则是会将当前的文字覆盖,用输入的字进行替代,状态可以用键盘的insert键调整 计算机应用基础2详述全文共86页,当前为第8页。 2.1 制作培训通知 3、录入文字 (1)按快捷键Ctrl+Shift将输入法切换到自己需要的输入法 (2)在编辑区输入文字即可 计算机应用基础2详述全文共86页,当前为第9页。 2.1 制作培训通知 4、保存文档 单击文件按钮,在弹出的菜单中选择保存命令 计算机应用基础2详述全文共86页,当前为第10页。 2.1 制作培训通知 在弹出的对话框中输入保存的名字,并且选择保存的位置之后点击保存按钮即可 计算机应用基础2详述全文共86页,当前为第11页。 2.1 制作培训通知 如果需要保存为doc后缀的文件,这种文件主要解决office2003版的打开问题,可以选择doc为保存的后缀 计算机应用基础2详述全文共86页,当前为第12页。 2.1 制作培训通知 练习: 1、从开始菜单打开"Microsoft Word"文档 2、保存文档,命名为 "新员工培训通知",并保存在D盘的练习文件夹下 计算机应用基础2详述全文共86页,当前为第13页。 2.1 制作培训通知 2.1.2 必备知识 1、文本录入 文本录入是文档制作最基本的操作,在文字录入之后再进行排版和编辑的操作,录入的时候一定要注意不要用空格来达到对齐的目的。 在录入的时候word会进行自动换行,因此一个段落中不要使用Enter进行强行换行,只有一段结束才使用Enter键。 计算机应用基础2详述全文共86页,当前为第14页。 2.1 制作培训通知 2、文本选择 一旦对某一段文本进行编辑的时候一定要先选定文本再进行相应操作 计算机应用基础2详述全文共86页,当前为第15页。 2.1 制作培训通知 选择的方法很简单: 1)使用鼠标选中: 从文本起始位置拖拽到终止位置,中间的文本会被选中 将光标置于起始位置,按住Shift,再点击终止位置,效果同 按住Ctrl的同时单击句中任意位置,可以选中一句文本 选中一段文本的同时按住Ctrl可以再选择其他位置的文本 计算机应用基础2详述全文共86页,当前为第16页。 2.1 制作培训通知 2)使用键盘选中: 按住Shift+方向键,可以按方向进行选择 按住Ctrl+Shift+Home选择当前位置到文档开始的文本 按住Ctrl+Shift+End选择当前位置到文档结尾的文本 Ctrl+A选中全文 计算机应用基础2详述全文共86页,当前为第17页。 2.1 制作培训通知 3、文本删除 (1)选中文本后按Delete或BackSpace可删除选中文本 (2)Delete删除光标后的字符 (3)BackSpace删除光标前的字符 计算机应用基础2详述全文共86

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值