小白学习前端的第一天.萌新.小白必学

跟着pink老师学习前端的第一天

学习html的第一天
1、网页的组成:文字 图片 视频 超链接。。。
2、常见的浏览器 浏览器 内核
ie Trident
火狐 Gecko
谷歌 blink
苹果 webkit
欧朋 blink
3、web标准:结构、样式、行为
定义: 欧洲万维网联盟 研发web标准
4、html超文本标记语言
5、html结构
html:根标签
head:头部标签
body:主体标签
title:标题标签
标签的关系 :包含关系和 并列关系
标签的分类: 单标签 双标签
DOCTYPE:声明文档类型 告诉浏览器要按照html的语法规则去解析
lang=“en”:页面的语言类型
charset="UTF-8"编码格式 起到翻译作用
6、标签
标题标签 h1-h6
段落标签p
换行标签:

span文字标签 div 盒子标签
文字类标签
倾斜标签:
加粗标签:
下划线标签:

删除线:
图片标签
属性
src: 图片的路径(来源)
alt:当图片加载错误时显示的文字
title:当鼠标悬停在图片上显示的文字
width:图片的宽度
height:图片的高度
border:图片的边框
属性的特点
1.属性之间部分先后顺序
2.属性名与属性值之间以键值对的形式存在
3.属性名与属性值之间以等号分隔 属性值要以引号包裹
链接标签
外部链接 写完整的 协议 域名 网址
内部链接 直接写文件名就行
属性
href:指定跳转的页面
title:鼠标悬停显示的文字
target: _self(默认会覆盖原来的窗口) _blank(会以新的窗口打开) 窗口的打开方式
a链接不跳转会阻止页面跳转但是会刷新页面
锚点:作用 ==> 用于实现当前页面中不同位置的跳转内容
7、路径
相对路径
在同一个文件夹直接找名字
向上一级 …/
向下 /
绝对路径

©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页