HTML是由各种各样的标签组成,学习HTML就是学习使用这些标签,本节讨论HTML结构。

  1. 1.       HTML文档结构(图2-5)

Html标签:称为根标签,所有的网页标签都在中。

Head标签:代表HTML文档的头部信息,以开始,结束,它是所有头部元素的容器。头部元素有、、、、等标签。

Body标签中的内容直接在网页的内容区显示,head标签的内容不显示网页内容区,以上HTML代码运行结果在浏览器中显示如图2-6所示。

请学员把源码和显示效果图进行对比,熟练下基本HTML文档结构,关于具体的HTML标签,在以后的课程里会有详细的讨论。

HTML标签是HTML文档的基本元素,它一般是成对出现的,既有开始标签和对应的结束标签构成,如等,但有些是特殊的单标签,如等。HTML语言是弱类型语言,标签部区分大小写和显示结构是相同的。

标签是HTML中最基本单位,也是最重要组成部分。

  • HTML标签由开始标签和结束标签组成。

  • 某些HTML元素没有结束标签,如。

  • 标签是大小写无关的,和表示意思是相同的,标志推荐使用小写。

  • 所有的标签之间可以嵌套,如跟标签嵌套演示。

常用HTML标签表(图2-7)

10.水平线标记(hr)

  • Width(水平线的宽度显示)

  • Size(水平线的高度)

  • Color(水平线的颜色)

  • Noshade水平线去掉阴影属性标记

  • Align水平线对齐属性

前面已经简单通过了hr标签,这次为其添加上属性。

示例(图2-20)

1

2 标签演示

3

4

带属性值的HR标签演示

5

6

7

11.输入特殊符号

基本语法:&nbsp: &quot &amp

如果想在网页显示多个空格,可是在源码中无论你敲多少空格,实际的显示页面只能显示一个如图2-21所示,显示的结果并没有我们预期的结果,同样的我们想在网页上显示和HTML代码有冲突的符合加大于号(>)或小于号(<)等怎么办呢?HTML语言中专门为显示这些特殊的符号设定了标签。常用的特HTML殊符号对应代码的如图2-22所示。

12.插入图片

网页中常用的图片格式有jpg、gif、png等。HTML中插入图片使用标签

基本语法:

图片路径” width=宽度 height=高度>

语法解释:宽度和高度的单位都是像素,是插入图片的HTML标签,src是描述图片路径的属性,它的值表示图片的路径。

示例(图2-23);

这里的图片路径表示logo.gif图片和html文件在不在同一目录下。如果图片则可把所有的图片放在图像专有子文件夹中如images中,那么上面的路径应改为,关于路径问题,在后面“相对路径与绝对路径”课程中详细讲解。

标签除了src属性,外还包含的属性有:

  • alt:设置图像的提示文字属性。

  • width、height:设置图像的宽度和高度。

  • border:设置图像的边框。

  • align:设置图像的排列属性。

  • 设置图片的提示文字(alt)

基本语法:

图片路径” 埃立特“提示文字”>

示例(2-24):

JMG标签的alt属性是指鼠标放在网页的图片上没弹出一行提示性的文字。

html 空格_HTML标签相关推荐

  1. java正则表达式去除xml标签之间的空格_HTML解析器——htmlparser2使用详解,换个姿势解析html和xml

    上一篇文章我们介绍了一个html/xml解析器--htmlparser,这篇文章我们介绍另外一个解析模块htmlparser2,后者是对前者的重构,同时对前者的API做了部分兼容. 用法简介 安装 c ...

  2. a标签去下划线或文字添加下修饰_HTML标签:字体标签和超链接

    本文主要内容 字体标签 特殊字符(转义字符)  :空格 (non-breaking spacing,不断打空格) <:小于号(less than) >:大于号(greater than) ...

  3. Web前端学习笔记01:Web标准_HTML_lang_字符集_HTML标签的语义化

    文章目录 1认识WEB 1.1 认识网页 总结 1.2 浏览器(显示代码) 1.2.1 查看浏览器占有的市场份额 1.2.2 常见浏览器内核(了解) 1.3 Web标准(重点) 1.3.1 为什么要遵 ...

  4. HTML三个常用代码-空格,标签,回车

    1.在网页中显示多个空格 &nbsp: 2.在网页中显示标签 &lt ; - &gt ; (less than ,great than) 显示结果是 < 标签名 > ...

  5. java中pre是什么意思_HTML标签PRE在代码中是什么意思

    展开全部 1.容器是用来存储和组织其他e68a843231313335323631343130323136353331333366306462对象的对象.实现链表的类就是一个容器的示例.预格式化文本容 ...

  6. html 设置两个标签的相对距离_html 标签 属性

    大 中 小 html 标签 属性 2011-08-12 html 标签 属性 详解HTML 标签和属性在HTML中,通常标签都是由开始标签和结束标签组成的,开始标签用""表示,结束 ...

  7. html权重值_HTML标签权重分值排列

    内部链接文字:10分 标题title:10分 域名:7分 H1,H2字号标题:5分 每段首句:5分 路径或文件名:4分 相似度(关键词堆积):4分 每句开头:1.5分 加粗或斜体:1分 文本用法(内容 ...

  8. html select显示树形菜单_HTML标签总结

    HTML总结 一.排版标签 1.标题标签 2. 段落标签 3.水平线标签 4.换行标签5.上下布局 6.左右布局 二.文本格式标签 1.加粗 2.斜体 3.删除线 4.下划线 三.图像标签 1. 属性 ...

  9. 鼠标悬停在li标签上时显示一个弹框_HTML标签——列表标签

    列表使用场景: 内容相关.结构相似.样式相近的内容,根据内容的不同分为:无序列表.有序列表.定义列表 无序列表:两个标签<ul>和<li>,是嵌套关系,快捷键ul>li ...

最新文章

  1. CSS盒模型及边距问题
  2. 学计算机专业的毕业证,对于计算机专业的同学来说,学历真的那么重要吗?
  3. python写前端代码_python学习之路前端-JavaScript
  4. 数组转换成json key-value形式
  5. 费城中餐馆奇葩鸡翅定价引爆网络,数万网友想要破解数学谜题
  6. linux6安装图形化界面,centos 6.8 图形界面安装
  7. 【docker系列】docker之部署springboot项目
  8. 附录-系统环境、系统属性
  9. 难过的时候看一看 再坏能有多坏!
  10. HDU2011 多项式求和【数列】
  11. python 实现经典24点
  12. CFA一级学习笔记--衍生品(二)--定价与估值
  13. Outlook连接Gmail不成功可以试试以下方法
  14. 是否开启谷歌Ad广告中的搜索网络合作伙伴?
  15. VMware 中搭建 SylixOS 环境
  16. tilemap 菱形_Tilemap
  17. Navicat Premium 数据库开发工具
  18. 真正的骨传导耳机有哪些品牌、性价比高的骨传导耳机排名
  19. layui搭建后台管理框架
  20. 国产轻量级BI平台CBoard的安装和初步使用介绍

热门文章

  1. python硬件驱动_Python学习:计算机基础之计算机硬件
  2. linux怎么监控守护进程,linux shell脚本守护进程监控svn服务
  3. [GKCTF2020]Pokémon
  4. 攻防世界-Misc-something_in_image(秒懂!!)
  5. Python基础入门:使用openpyxl读写Excel文件
  6. Python分支结构你真的搞定了吗?
  7. NVIDIA GPU持久模式是什么?(驱动程序持久性 Driver Persistence Daemon 守护程序)
  8. BeautifulSoup中的.text方法和get_text()方法的区别
  9. 详解集合之HashMap——HashMap内部结构,自动扩容机制,为什么需要重写hashcode和equals方法
  10. python计算颜色占比_用 Python 对图片主体轮廓进行提取、颜色标记、并计算区域面积...