html 空格_HTML标签
HTML是由各种各样的标签组成,学习HTML就是学习使用这些标签,本节讨论HTML结构。
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.输入特殊符号
基本语法: : " &
如果想在网页显示多个空格,可是在源码中无论你敲多少空格,实际的显示页面只能显示一个如图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标签相关推荐
- java正则表达式去除xml标签之间的空格_HTML解析器——htmlparser2使用详解,换个姿势解析html和xml
上一篇文章我们介绍了一个html/xml解析器--htmlparser,这篇文章我们介绍另外一个解析模块htmlparser2,后者是对前者的重构,同时对前者的API做了部分兼容. 用法简介 安装 c ...
- a标签去下划线或文字添加下修饰_HTML标签:字体标签和超链接
本文主要内容 字体标签 特殊字符(转义字符) :空格 (non-breaking spacing,不断打空格) <:小于号(less than) >:大于号(greater than) ...
- Web前端学习笔记01:Web标准_HTML_lang_字符集_HTML标签的语义化
文章目录 1认识WEB 1.1 认识网页 总结 1.2 浏览器(显示代码) 1.2.1 查看浏览器占有的市场份额 1.2.2 常见浏览器内核(了解) 1.3 Web标准(重点) 1.3.1 为什么要遵 ...
- HTML三个常用代码-空格,标签,回车
1.在网页中显示多个空格  : 2.在网页中显示标签 < ; - > ; (less than ,great than) 显示结果是 < 标签名 > ...
- java中pre是什么意思_HTML标签PRE在代码中是什么意思
展开全部 1.容器是用来存储和组织其他e68a843231313335323631343130323136353331333366306462对象的对象.实现链表的类就是一个容器的示例.预格式化文本容 ...
- html 设置两个标签的相对距离_html 标签 属性
大 中 小 html 标签 属性 2011-08-12 html 标签 属性 详解HTML 标签和属性在HTML中,通常标签都是由开始标签和结束标签组成的,开始标签用""表示,结束 ...
- html权重值_HTML标签权重分值排列
内部链接文字:10分 标题title:10分 域名:7分 H1,H2字号标题:5分 每段首句:5分 路径或文件名:4分 相似度(关键词堆积):4分 每句开头:1.5分 加粗或斜体:1分 文本用法(内容 ...
- html select显示树形菜单_HTML标签总结
HTML总结 一.排版标签 1.标题标签 2. 段落标签 3.水平线标签 4.换行标签5.上下布局 6.左右布局 二.文本格式标签 1.加粗 2.斜体 3.删除线 4.下划线 三.图像标签 1. 属性 ...
- 鼠标悬停在li标签上时显示一个弹框_HTML标签——列表标签
列表使用场景: 内容相关.结构相似.样式相近的内容,根据内容的不同分为:无序列表.有序列表.定义列表 无序列表:两个标签<ul>和<li>,是嵌套关系,快捷键ul>li ...
最新文章
- CSS盒模型及边距问题
- 学计算机专业的毕业证,对于计算机专业的同学来说,学历真的那么重要吗?
- python写前端代码_python学习之路前端-JavaScript
- 数组转换成json key-value形式
- 费城中餐馆奇葩鸡翅定价引爆网络,数万网友想要破解数学谜题
- linux6安装图形化界面,centos 6.8 图形界面安装
- 【docker系列】docker之部署springboot项目
- 附录-系统环境、系统属性
- 难过的时候看一看 再坏能有多坏!
- HDU2011 多项式求和【数列】
- python 实现经典24点
- CFA一级学习笔记--衍生品(二)--定价与估值
- Outlook连接Gmail不成功可以试试以下方法
- 是否开启谷歌Ad广告中的搜索网络合作伙伴?
- VMware 中搭建 SylixOS 环境
- tilemap 菱形_Tilemap
- Navicat Premium 数据库开发工具
- 真正的骨传导耳机有哪些品牌、性价比高的骨传导耳机排名
- layui搭建后台管理框架
- 国产轻量级BI平台CBoard的安装和初步使用介绍
热门文章
- python硬件驱动_Python学习:计算机基础之计算机硬件
- linux怎么监控守护进程,linux shell脚本守护进程监控svn服务
- [GKCTF2020]Pokémon
- 攻防世界-Misc-something_in_image(秒懂!!)
- Python基础入门:使用openpyxl读写Excel文件
- Python分支结构你真的搞定了吗?
- NVIDIA GPU持久模式是什么?(驱动程序持久性 Driver Persistence Daemon 守护程序)
- BeautifulSoup中的.text方法和get_text()方法的区别
- 详解集合之HashMap——HashMap内部结构,自动扩容机制,为什么需要重写hashcode和equals方法
- python计算颜色占比_用 Python 对图片主体轮廓进行提取、颜色标记、并计算区域面积...