搜索引擎
搜索引擎指⾃动从因特⽹搜集信息,经过⼀定整理以后,提供给⽤户进⾏查询的系统。常⻅的搜索引擎有:⾕歌、百度、搜狗、必应、360 等。
HTML含义
超文本标记语言
HTML是构建页面的标记,用于承载网站的内容
HTML的标签和纯文本按规则的组成 成为一个网页
html、css、js三者的关系
网页前台分为三个层次:内容层,样式层,行为层
文件加载规则
浏览器有专门的html解析器,浏览器是自上而下解析的。顺序加载整个页面的标签
单标签和双标签的区别
单标签不能包裹文字和其他标签,双标签可以包裹文字和其他标签
内联元素和块级元素
内联元素也叫行内元素,不自占一行,内容有多大撑多大,没有内容就什么也没有。块级元素默认(没有单独设定宽度的时候)自占父元素的一行
基础元素
h1~h6 标题标签
<p></p> 段落标签
<br> 换行标签
<hr> 分隔符 自占一行 用于将标题和段落用一条横线分开
<pre></pre> 预格式化标签
保留设计者在源文件中定义的格式
格式化文本标记
<b></b> 定义粗体
<i></i> 定义斜体
<u></u> 定义下划线
<del></del> 定义删除线
<sup></sup> 定义上标
<sub></sub> 定义下标
<strong></strong> 定义着重文字,与b的效果相同
<em></em> 定义加重语气,与i效果相同
<mark></mark> 高亮显示文本
按钮标签
<button></button>
按钮标签是特殊的行内元素,有自己的样式边框
div标签
<div></div>
块级元素,自身没有任何样式,可以包裹任何标签和文本
span标签
<span></span>
内联元素,自身没有任何样式,用于包裹特殊的文字和图标
全局属性
全局属性是所有HTML元素的属性。他们可以用于所有元素,即使属性可能对某些元素不起作用
一个标记可以没有属性也可以有多个不同属性,属性与属性之间不分先后顺,一个属性也可以有多个属性值
style属性
应用于元素样式的声明,给元素指定样式,每个属性值用分号隔开
简单介绍一些样式:
- `color: red;` 字体颜色,色值可以是英文(部分生效)
- `background-color: green; `背景颜色,色值可以是英文(部分生效)
- `font-size: 20px;`字体大小,px 是像素单位
- `text-align: center;`块级标签中的文字和图片居中显示
- `width: 100%;`设置元素的宽度,百分比单位是参照父级元素的
- `height: 100px;`设置元素的高度
id属性
id元素的唯一标识,不允许重复,不允许多个,不允许数字开头
class 属性
class类属性,代表当前元素归类,不允许数字开头语,常用于样式的设置,可以写多个类的值,中间空格分开,也可以和其他元素具有相同的类名
data-* 自定义属性
可以通过 JavaScript 与 HTML 之间进行专有数据的交换。如:`data-buy`
URL
绝对路径
例如:<a href="http://www.baidu.com">去百度</a>
相对路径
如 <img src="./logo.gif"/>
超链接
<a href=""></a>`标签,定义超链接,用于从一个页面链接到另一个页面。
空链接
<a href="javascript:void(0);">void(0)返回undefined不做任何处理</a>
<a href="javascript:;">执行一条空语句</a>
图像
例:<!-- 相对路径 -->
<img src="timg.jpg" alt="图⽚描述" width="600" />
例:<!-- 绝对路径 -->
<img src="http://img1.imgtn.bdimg.com/it/u=154685575,3514395402&fm=26&gp=0.jpg" alt="图⽚描述" width="600" />
HTML5
本文介绍了搜索引擎的工作原理,常见的搜索引擎如谷歌、百度等。接着讲解了HTML的基础,包括其作为构建网页的标记语言,以及与CSS、JS的关系。详细阐述了HTML的标签类型、文件加载规则、内联元素与块级元素的区别,以及常用的基础元素如标题、段落、按钮、div和span等。此外,还提到了全局属性如style、id、class,以及URL、超链接、图像的相关知识。
摘要由CSDN通过智能技术生成