HTML的基础学习

HTML的基础学习

今天我们来学习一下网页的制作首先我们要知道什么是网页

网页大家都很熟悉,毕竟大家都是国家一级网络冲浪选手了 ,网页是指在因特网根据一定的规则展示特定的内容的数据.

网页的构成: 图片 文字 声音 视频等元素组成.

那什么是html呢?·

HTML是超文本标记语言,它是用来描述网页的一种语言,带有标签格式的一种语言

注意: html不是编程语言 是标记语言 希望初学的小伙伴不要记混啦.

网页制作的标准

我们日常使用的浏览器有好多,比如：ie浏览器，火狐浏览器，谷歌浏览器，360浏览器等等，如果浏览器和网页相互不兼容，就很影响大家的体验。

这里我 们就要先知道web标准,那什么是web标准呢?

web标准是由w3c组织和其他标准化组织制定的一系列标准的集合

w3c是(万维网联盟)有兴趣的朋友可以了解一下。

HTML的基本结构

html结构
html：跟标签
head：头部标签
body：主体标签
title：标题标签
标签的关系 ：包含关系
标签的分类： 单标签 双标签
DOCTYPE：声明文档类型 告诉浏览器要按照html的语法规则去解析
lang=“en”：页面的语言类型
charset="UTF-8"编码格式 起到翻译作用

HTML的标签

标题标h
特点
1.标题的部分用标题标签
2.文字 加粗 加黑了
3.标题标签 h1-h6
4.页面中只能有一个h1标题

段落标签p
段落标签 放置p标签

水平线标签

---

单标签

换行标签：

span文字标签 div 盒子标签

文字类标签
倾斜标签


加粗标签
b加粗标签
strong：加粗标签
下划线标签


删除线

图片标签

属性
src: 图片的路径（来源）
alt：当图片加载错误时显示的文字
title:当鼠标悬停在图片上显示的文字
width:图片的宽度
height：图片的高度
border:图片的边框

属性的特点
1.属性之间部分先后顺序
2.属性名与属性值之间以键值对的形式存在
3.属性名与属性值之间以等号分隔 属性值要以引号包裹；

链接标签

链接标签
外部链接 写完整的 协议 域名 网址
内部链接 直接写文件名即可
属性
href:指定跳转的页面
title：鼠标悬停显示的文字
target: _self(默认会覆盖原来的窗口) _blank(会以新的窗口打开) 窗口的打开方式
#：会阻止页面跳转但是会刷新页面

路径

相对路径
在同一个文件夹直接找名字
向上一级 …/
向下 /