html(三):树形结构,head、body标签的一些基本标签的介绍及 特殊字符

更多基本标签:https://blog.csdn.net/ak739105231/article/details/91381288

一、html: html:htyper markup language 超文本标记语言

超文本:就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素
标记语言:标记(标签)构成的语言,即:<>标签,构成的
网页==html文档,由浏览器解析,用来展示的
静态网页:静态的资源,如:xxx.html
动态网页:html代码是由某种开发语言根据用户请求动态生成的

二、什么是标签

标签主要分为:块级标签与内联标签,块级标签即独占一行;内联标签,即:不独占一行;

标签嵌套:

块级标签可以嵌套块级标签、内联标签;但是内联标签只能嵌套内联标签

1.是由一对尖括号包裹的单词构成,for example:<html>  ,所有的标签中的单词不可以以数字开头

2.标签不区分大小写:<html>和<HTML>是一样意思,推荐使用小写

3.标签分为两部分,开始标签<a>和结束标签</a>;两个标签之间的部分,叫做标签体

4.有些标签功能比较简单,使用一个标签即可,这种标签叫做自闭和标签,例如:<br/><hr/><input/><img/><meta >

5.标签可以嵌套,但是不能交叉嵌套,即:<a><b></a></b> 是不可以的;

常见的块级标签有div、form、table、p、pre、h1-h5、dl、ol、ul等

常见的内联标签有span、a、strong、em、label、input、select、textarea、img、br等

 

三、标签的属性

1.通常是以键值对形式出现的,例如:name="iThing"

2.属性只能出现在开始标签 或自闭和标签中

3.属性名字全部小写,属性值必须使用双引号或单引号包裹,for example:name="iThing"

4.如果属性值和属性名完全一样,直接写属性名即可,例如 readonly

四、<!DOCTYPE html>标签介绍

五、<head>标签

在页面上是看不到的,head标签里面的内容主要是解释说明类的内容

1.首先,<meta>   :举例:<head charset="utf-8"> 即:说明下面所有整个文档是按照utf-8编码的;

meta标签的组成:主要两个属性:http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能;

接下来,介绍name属性:主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的;

<meta name="keywords" content="key0,key1,keys2,……">
<meta name="description" content="xxx培训机构是一家非常正规的机构……">

2.http-equiv:相当于http的文件头作用;它可以向浏览器传回一些有用的信息,以帮助正确和精确的显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值;

<meta http-equiv="Refresh" content="2;URL=https://www.baidu.com">
注意后面的引号,这句话表示:页面在2秒后跳转到一个URL链接
<meta http-equiv="content-Type" charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
注意:这个是兼容ie的,一般很少使用

截图实例:

 

2.title标签:<title>name</title>:网页的title:name

3.link标签:<link rel="icon"  href="http://www.jd.com/favion.ico">##:图标

<link rel="stylesheet" href="css.css">

4.script标签:<script src="hello.js"></script>

六、<body>标签

主要用的最多:p标签,即:段落标签;

最后用的非常多的:div标签

div最大的特点:即没有特点;即可以随意的改变、调整效果

七、特殊字符:

&nbsp:空格

&lt:小于号

&gt:大于号

&copy:

&reg:

还有很多……

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

冷凝娇

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值