html的基础知识

本人对前端所知甚少,遂把基础知识笔记记录于下,方面以后学习翻看。有点凌乱。
html中的标签是前端的基础。html是一种超文本标记语言。里面有很多的简单标签。整体结构如下:

----帮助浏览器去解析

<br/>

创新互联专注于明山企业网站建设,成都响应式网站建设,商城网站建设。明山网站建设公司,为明山等地区提供建站服务。全流程按需求定制开发,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务

-----根标签

说明:html根标签,一个页面有且只有一个根标签
head标签中的内容不会被显示,帮助浏览器解析
title:网页的标题标签,默认会显示在网页的标题栏上,搜索引擎
在检索页面时,会首先检索title标签中的内容,它会影响到网页在搜索引擎的排名

1.标签的属性:
处理标签的内容,在开始标签里添加,实质上是一个名值对
属性名=“属性值” 一个标签可以有多个属性,并且每个属性用空格隔开
我的

2.h6的文档声明写在网页的最上边。
3.网页出现乱码的解决办法:
---设置网页的元数据,比如网页字符集
--自结束标签

4.内容标题标签 ---语义化标签

一级标题


一级标题


一级标题


一级标题

一级标题

一级标题

5.


p标签中的文字,默认会独占一行,段与段之间有间距
在html中,字符之间再多的空格,浏览器也会当做一个空格,换行也会当做一个

表示一个换行,br标签是自结束标签

表示水平线,也是一个自结束标签

6.实体:
在html中,> <特殊字符不能直接使用。特殊符号是实体,转义字符
$实体的名字;
< ---- $lt;

--- $gt;
空格----- $nbsp;
版权符号--------- $copy;

7.图片标签:

img标签引入外部图片
img标签也是自结束标签
src : 设置一个外部图片的路径
alt :设置在图片不能显示时的描述
搜索引擎根据alt来识别不同的图片

width:宽度 单位为px
height:高度
一般开发中,除了自适应页面,不建议设置width和height
这是一只大松鼠
相对路径:相对于当前资源所在目录的位置

../表示返回当前文件夹的目录
../../返回几个目录就写几个../

8.图片的格式:
JPEG(JPG) :支持的颜色比较多,图片可以压缩,但是不支持透明,
一般使用JPEG来保持照片等颜色丰富的图片
GIF:支持的颜色少,只支持简单的透明,支持动态图,
图片颜色单一或者动态图时可以使用

PNG:支持颜色多,并且支持复杂的透明,可以用来显示颜色复杂的透明图片

图片使用原则:
效果不一致,使用效果好的
效果一致,使用小的

9.meta 标签还可以设置网页的关键字

name 中的内容是对content值的描述

meta 可以用来做请求的重定向

10.html的语法规范:
1.html中不区分大小写,一般是小写
2.html中的注释不能嵌套使用
3.html中标签必须结构完整,要么成对出现,要么自结束

11.超链接 a标签
href :指向跳转的目标地址,可以写一个相对路径,或者完整的地址


a标签中的target属性可以用来指定打开链接的位置
可选值:
_self:默认值
_blank:在一个新的窗口中打开我们的链接
可以设置为一个内联框架的name属性值,链接将在指定的内联框架中打开

标签中的内容表示居住的标签
如果将链接地址设置为#,点击链接后自动跳转到顶部位置
html中有一个属性,每个元素都能设置,该属性可以作为标签的唯一标示。id
id属性在同一个页面中只能有一个,不能重复。 #+id属性值

发送电子邮件的超链接,点击链接后默认打开计算机中的点击邮件客户端链接
href="mailto:邮件地址"


网站标题:html的基础知识
链接URL:http://csdahua.cn/article/giojdc.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流