这是我参与「第五届青训营 」伴学笔记创作活动的第2天
简单关于HTML知识点
网页首页 右键 可以看到网页源代码
学习：pc端 网页布局
目的：精通布局
一．网页
1. 什么是网页（html标签描述出来 html语言创建的网页）
网站：相关网页的集合 （网页是构成网站的基本元素）
网页：html格式的文件 通过浏览器来阅读（网站中的一页）
图片、链接、文字、视频、音频等元素
通常看到网页常以.html和.htm后缀结尾的文件，将其俗称为HTML文件
二．HtmL
什么是HTML(制作网页) 超文本标记语言 描述网页的一种语言
不是编程语言 标记语言是一套标记标签
例如：编写一个简单网页
桌面新建文本文档
改文档后缀名.html 后打开显示11.png图片
所谓超文本就是超出文本限制，可以加入图片、声音 动画 多媒体
超级链接文件：从一个文件跳转另外一个文件
常用浏览器 这里推荐谷歌浏览器
三.Web标准 （重点）
Web标准是由w3c组织和其他标准化组织制定的一系列标准的集合
W3c（万维网联盟，是国际著名的标准化组织）
1. 为什么需要web标准
浏览器不同，显示页面或排版有些差异（开发者常常需要为更多版本的开发而艰苦工作）
2.Web标准的构成
主要构成包括 结构structure 表现 presentation 行为Behaviour
结构:网页元素整理分类 html
表现：网页元素的版式、颜色、大小等外观样式，主要指的是css
行为：网页模型的定义交互的编写 javascript 让页面动起来
web标准提出最佳文案 结构、样式、行为相分离
简单理解：结构写到HTML文件中，表现写到css文件中，行为写到javascript文件中
Html标签
HTML语言规范
一般标签成对出现<></>（开始标签和结束标签）
双标签
单标签 习惯性空格
1.2标签关系
双标签包括 {包含、嵌套（父子）
并列（兄弟关系）
1.3HTML基本结构标签
HTML页面也称HTML文档
每个页面都会有一个基本的结构标签（骨架标签）
整个页面最大的标签（也就是整个页面）：根标签 头标签(head标签中我们必须要设置的标签title) 我的第一个页面 主体（页面的内容）你我之间经过洗练..月薪过万
新建一个文本文档命名为我的第一个文件 改后缀名为.html
右键查看源代码可以看到源代码
开发代码
Visual Studio Code 软件/HBuilder
Visual Studio Code使用步骤：文件-新建文件(crt|+n) - 保存文件- 后缀名改为.html-
输出!号 - 点击第一个！(快速生成骨架) crt+和ctr-使放大和缩小
单击鼠标右键 在弹出出口点击“open in Defaulf Browser”浏览器中预览页面
1. 文档类型声明标签，告诉浏览器这个页面采取html 5 版本来显示页面
2.告诉浏览器/搜索引警 这是一个英文网站，本页面采用英文显示
Zh-CN 中文网站
2. 必须写。采用UTF-8保存文字，防乱码
标签语义
再合适的地方给标签，页面结构更清晰
标题标签
...
大 - 小 每个标题都是独占一行，
段落和换行
或
Progragraph 段落（有大缝隙）
换行（无大缝隙）
文本格式标签
粗体 斜体 下划线
加粗
倾斜
删除线
下划线
16. div 和标签 没有语义只是盒子，可以放/装内容
今日价格 span跨度 跨距-小盒子
一行只能放一个div标签 独占一行 和标签一样
标签一行可多个如（百度 新浪 搜狐）
图像标签
定义HTML 页面中的图像
Src是标签的必须属性 用于指定图像的文件路径和文件名
属性：属于这个图像标签的特性
图像标签的其他属性
属性 属性值 说明
Src 图片路径 必须属性
Alt 替换文本 当图像显示不出会显示alt=””里面的内容 如果图像显示则不显示
Title 提示文本 提示文本 鼠标放图像上显示文字
Width 像素 设置资图像宽度
Height 像素 高度
Border 像素 图像的边框粗细
18. width 图像宽度 （宽） 一般只有width或height（只写一个）
Height 图像高度 （高） 不都写的话比例会等比例修改
Broder 图像 border 一般算css界面
19. 图像名有多个属性（是如此。Alt--) 必须写在标签名的后面
属性之间不分顺序，标签名与属性。属性与属性之间均以空格分析
<img src src=”” alt=””>
属性采取键值对的格式 即key=”value”格式 属性=“属性值”
