【总结】HTML基础

html 实体

在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格

在HTML中有些时候,我们不能直接书写一些特殊符号,比如,多个连续的空格,比如字母两侧的大于和小于号。

实体的语法为 &实体的名字: 更全的查看www.w3school.com中html实体

  
>
<
©

meta标签

meta主要用于设置网页中的一些元数据,元数据不是给用户看的。

charset 指定网页的字符集

name 指定数据的名称

content 指定数据的内容

keywords 表示网站的关键字,可以同时指定多个关键字,关键字间使用逗号隔开

<meta name="Keywords" content="网上购物,网上商城,美妆,个护,食品,生鲜,京东"/>

description 用于指定网站的描述 网站的自我介绍,会显示在搜索引擎的搜索结果中

<meta name="description" content="京东JD.COM-专业的综合网上购物商城,为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家,囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类,满足各种购物需求。"/>

http-equiv=“refresh”,将网页重定向到另一个网站

<meta http-equiv="refresh" content="3";url="http://www.baidu.com">

设置字符集

<meta charset="UTF-8">

HTML语义化标签

em标签用于表示语音语调的加重

hgroup标签用来为标题分组,可以将一组相关的标题同时放入hgroup

header 网页的头部

main 网页的主题部分(一个页面中只会有一个main)

footer 网页的底部

nav 网页中的导航

aside 和主体相关的其他内部(侧边栏)

article 一个独立的文章

section 一个独立的区块,上边的标签都不能表示时使用section

div 没有语义 就用来表示一个区块,目前来讲div还是我们主要的布局元素

span 行内元素,没有语义,用于在网页中选中文字

块元素:在网页中一般通过块元素来对页面进行布局

行内元素:行内元素主要用来包裹文字

块元素中可以放行内元素,而不会在行内元素中放块元素

块元素基本上什么都能放

p元素中不能放任何的块元素

HTML超链接

超链接可以让我们从一个页面跳转到其他页面,或者是当前页面的其他位置

a标签也是以行内元素,在a标签中可以嵌套除它自身之外的任何元素

target属性,用来指定超链接打开的位置

可选值: _self 默认值 在当前页面中打开超链接;__blank在新的页面中打开超链接

可以直接将超链接的href属性设置为#,这样点击超链接以后,页面不会发生跳转,而是转到当前页面顶部的位置。

HTML路径

当我们需要跳转一个服务器内部的页面时,一般我们都会使用相对路径,相对路径一般都会使用**./…/**开头

./可以省略不写,表示当前文件所在的目录

…/ 表示当前文件所在目录的上一级目录

HTML图片

  1. jpeg(jpg)

    ​ 支持的颜色比较丰富,不支持透明效果,不支持动图

    ​ 一般用来显示照片

  2. gif

    ​ 支持的颜色比较少,支持简单透明,支持动图

    ​ 颜色单一的图片,动图

  3. png

    ​ 支持的颜色丰富,支持复杂透明,不支持动图

    ​ 颜色丰富,复杂透明的图片

  4. webp

    ​ 这种格式时谷歌新推出的专门用来表示网页中的图片的一种格式

    ​ 它具备其他图片格式的所有优点,而且文件还特别小

    ​ 缺点:兼容性不好

  5. base64

    ​ 将图片使用base64编码,这样可以将图片转换成字符,通过字符的形式来引入图片

    ​ 一般都是一些需要和网页一起加载的图片才会使用base64

HTML颜色

RGBA的意思是(RGB-Green-Blue-Alpha),他是RGB上扩展了包括alpha多通道,运行对颜色值设置透明度,范围0-1,0表示全透明

HTML URL

http超文本传输协议 不加密

https安全超文本传输协议 加密

ftp文件传输协议 将文件下载或上传至网站

你可能感兴趣的:(html,前端)