html语言的常见符 hr,HTML基础知识(元素标签)

浏览器

浏览器是网页显示和运行的平台

常用的浏览器以及内核

谷歌浏览器,内核Chromium

IE浏览器 ,内核Trident

火狐浏览器,内核Gecko

...

认识HTML

HTML是用来描述网页的一种超文本标记语言

代码编辑工具

VScode、WebStorm、Dreamweaver、SublimeText

文档类型

用法

作用

位于文档中的最前面的位置处于所有标签之前

在网页中要把文字有条理地显示出来

页面语言

指定html语言种类

en 定义语言为英语

zh-CN 定义语言为中文

字符集

用法

定义

字符集(Character set)是多个字符的集合

utf-8是目前最常用的字符集编码方式,还有gbk和gb2312

这句代码非常关键是必须写代码否则可能引起乱码的情况

认识WEB

Web网页主要由文字图像超链接以及音频视频Flash等元素构成

Web标准

Web标准构成

1.结构,用于对网页元素进行整理和分类,主要是HTML

2.表现,设置网页元素的版式颜色大小等外观样式,主要是CSS

3.行为,是指网页模型的定义及交互的编写,主要是Javascript

为什么要遵循WEB标准?

不同浏览器内核不同显示页面或者排版有差异

Web 标准的好处?

1、让Web的发展前景更广阔

2、内容能被更广泛的设备访问

3、更容易被搜寻引擎搜索

4、降低网站流量费用

5、使网站更易于维护

6、提高页面浏览速度

路径

目录

目录文件夹

就是普通文件夹里面存放了我们做页面所需要的相关素材

根目录

打开目录文件夹的第一层

分类

相对路径

以引用文件之网页所在位置为参考基础,而建立出的目录路径

绝对路径

绝对路径以Web站点根目录为参考基础的目录路径

指当所有网页引用同一个文件时,所使用的路径都是一样的

元素标签

标签分类

双标签(常规元素)

内容 标签名>

分为开始和结束标签,结束标签只是在前面加了一个关闭符“/”

骨架标签

html标签

页面最大标签也叫跟标签

头部标签

head标签中必须包含title标签

网页标题

让页面拥有属于自己的网页标题

主体标签

元素包含文档的大多页面内容都放到body里

关系

嵌套关系

并列关系

单标签(空元素)

样式

空元素用单标签表示里面不需要包含内容

排版标签

标题标签

HTML提供了6个等级的标题

即标题标签语义: 作为标题使用,并且依据重要性递减

加了标题的文字会变的加粗,字号也会依次变大

一行是只能放一个标题的

段落标签

是html中最常见标签,文本在段落中据浏览器窗口大小自动换行

作用

把 HTML 文档分割为若干段落

水平线标签


是单标签,在网页中用水平线将段落与段落隔开使文档结构清晰

换行标签

一个段落的文字会从左到右依次排列直到浏览器窗口的右端然后自动换行。如果希望某段文本强制换行就需要使用换行标签

div和span标签

语法格式

作用

用来布局网页元素

区别

一行只能放一个div,一行上可以放好多个span

图像标签

语法

%E5%9B%BE%E5%83%8FURL

该语法中src属性用于指定图像文件的路径和文件名

链接标签

文本或图像

注释标签

快捷键

ctrl + / 或者 ctrl +shift + /

表格标签

语法

属性

border边框、width宽度、height高度

表头

标题

合并

跨行合并(纵向合并)

rowspan

跨列合并(横向合并)

solspan

标签:Web,浏览器,标签,元素,基础知识,HTML,网页

来源: https://www.cnblogs.com/pbstar/p/14769679.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值