HTML:Hyper Text Markup Language 超文本标记语言
它是用来描述网页的一种标记语言。
所谓超文本,有2层含义:
1.它可以加入图片、声音、动画、多媒体等内容(超越了文本限制)
2.它还可以从一个文件跳转到另一个文件,与世界各地主机的文件链接(超级链接文本)
文档类型声明,作用就是告诉浏览器使用哪种HTML版本显示网页。<!DOCTYPE html>告诉浏览器按照HTML5标准解析页面。
lang指定该html标签内容所用的语言。(1)en定义语言为英语 (2)zh-CN定义语言为中文
这个属性对浏览器和搜索引擎(百度、谷歌等)还是有作用的
字符集(characterset)是多个字符的集合,以便计算机能够识别和存储各种文字。
charset目前最常用的字符集编码方式是UTF-8,基本包含了全世界国家需要用到的字符。
如果不写可能引起乱码的情况。
作为标题使用,并且依据重要性递减。
特点:1.加了标题的文字会变粗,字号也会变大
2.一个标题独占一行
在HTML标签中,<p>标签用于定义段落,它可以将整个网页分为若干个段落
特点:段落和段落之间保有空隙
在HTML中,如果希望某段文本强制换行显示,就需要使用换行标签<br/>
特点:1.<br/>是个单标签
2.<br/>标签只是简单地开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距
HTML中的文本格式化标签,使文字以特殊的方式显示粗体、斜体或下划线等:
语义
标签
加粗
<strong></strong>或<b></b>
倾斜
<em></em>或<i></i>
删除线
<del></del>或<s></s>
下划线
<ins></ins>或<u></u>
是没有语义的,是我们网页布局最主要的2个盒子
<div>标签用来布局,但是现在一行只能放一个<div>盒子
<span>标签用来布局,一行上可以多个<span>小盒子
1.图像标签:
属性
属性值
说明
src
图片路径
必须属性
alt
文本
替换文本。图像不能显示
title
文本
提示文本。鼠标放到图像上,显示的文字
Width</td>
像素
设置图像的宽度
Height</td>
像素
设置图像的高度
border
像素
设置图像的边框粗细
2.路径:
(1)相对路径:
相对路径分类
符号
说明
同一级路径
图像文件位于HTML文件同一级 如<img src=""/>
下一级路径
/
图像文件位于HTML文件下一级 如<img src="" />
上一级路径
图像文件位于HTML文件上一级 如<img src="" />
相对路径是从代码所在的这个文件出发,去寻找目标文件的。
(2)绝对路径:是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。
在HTML中,<a>标签用于定义超链接,作用是从一个页面链接到另一个页面。
(1)链接的语法格式:
两个属性的作用如下:
属性
作用
href
用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,它就具有了超链接的功能
target
用于指定链接页面的打开方式,其中_self为默认值,_blank为在新窗口中打开方式
(2)链接分类:
1. 外部链接: 例如 < a href="http:// "> 百度</a >。
2. 内部链接:网站内部页面之间的相互链接。 直接链接内部页面名称即可,例如 < a href=""> 首页 </a >。
3. 空链接: 如果当时没有确定链接目标时,< a href=""> 首页 </a > 。
4. 下载链接: 如果 href 里面地址是一个文件或者压缩包,会下载这个文件。
5. 网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接。
6. 锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置。
在链接文本的 href 属性中,设置属性值为 #名字 的形式,如<a href=""> 第2集 </a>
找到目标位置标签,里面添加一个 id 属性=刚才的名字 ,如:<h3 id="two">第2集介绍</h3>
<!-- 注释语句 -->
快捷键是: ctrl + /
或者 ctrl +shift + /
注释标签里面的内容是给程序员看的,这个代码是不执行不显示到页面中的。
添加注释是为了更好地解释代码的功能,便于相关开发人员理解和阅读代码,程序是不会执行注释内容的。
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jquery