HTML+CSS知识总结第一期

一.HTML基础知识总结

(1)什么是 HTML?

        HTML即超文本标记语言 (Hyper Text Markup Language), 是用来描述网页的一种语言。
超文本标记语言的结构包括"头"部分(外语:Head)、和"主体"部分(外语:Body),其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容。

(2)HTML/HTML5结构及相关基础标签

1.文档声明 

<!DOCTYPE>:用于告诉浏览器此文档的类型是什么?处于<html>标签之前。用于告诉浏览器此文档的类型是什么。目前开发中常用于告诉浏览器此文档的类型是什么。用的声明是<!DOCTYPE html>,表示声明一个HTML5文档。它不属于HTML标签,而是一条指令。

2.文档结构标签

html标签:每创建一个HTML文件,都需要创建html标签对。除了声明文档类型的代码,其他的所有内容都存放在html标签对中;
head标签:定义文档的头部,用来包含网页的配置(例如网页的标题 title,网页的基础配置meta都放在head中);

 title标签:定义网页的标题,标题内容会显示在浏 器的标签栏上;

body标签:定义网页的主体,例如:网页中的图片、文字等;

3.HTML语法

常规标记:<标记 属性=“属性值”属性=“属性值1属性值2”>

</标记>空标记:<标记 属性=“属性值”属性=“属性值1属性值2”>

4.文本标签

文本标题:

<h1>一级标题</h1><h2>二级标题</h2>  双标签

<h3>三级标题</h3><h4>四级标题</h4>

<h5>五级标题</h5><h6>六级标题</h6>

结果展示:

段落:<p></p>

加粗:<b></b>、<strong></strong>

倾斜:<i></i>、<em></em>

下划线:<u></u>、<ins></ins>

删线:<s></s>、<del></idel>

分割线:<hr> 单标签

换行:<br>

结果展示:

5.图片标签:

<img src="" alt=""> src后可以跟相对路径,或绝对路径

6.超链接标签:(未点击是蓝色,点击后是紫色)

<a href="">文字</a>  <a href="./6.12.html">点击</a>  本地路径跳转

锚点:<a href="#one">跳转</a>    <p id="one">蓝桉已遇释槐鸟 不爱万物惟爱你</p>  锚点跳转
网站链接:<a href="htpp://www.baidu.com">百度一下</a>  网址跳转

结果展示:

7.div span标签
div span 是没有语义的 是我们网页布局主要的 2 个盒子 css+div
div 就是 division 的缩写 分割, 分区的意思 其实有很多 div 来组合网页。
span, 跨度,跨距;范围。
语法格式如下:
<div 宽度  高度... > 这是头部 </div> <span 颜色....> 今日价格 </span>
结果展示:
补充说明: 空格  &nbsp  &emsp 
相对路径:
以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对路径。
绝对路径:
绝对路径以 Web 站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。
注释标签:html  <!--注释文字-->  css  /*注释文字*/


 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值