前端学习路线

Html 20% ->css 50%–>js 10%

网页:网站是网页的集合,网页是html或htm格式,用浏览器打开
元素:文字,图片、链接、视频、声音。就是一个html文件,超文本标记语言
常用浏览器:ie 火狐 谷歌 edge opera safari
内核-渲染引擎。国产一般是webkit/blink内核
Web标准:w3c(万维网联盟)制定的一系列标准的集合
结构html、表现css、行为JavaScript

Html标签
书写规范
骨架标签
超链接标签
图片标签alt和title的区别
相对路径的三种形式

语法规范:
所有的要写在<> 里面,一般成对出现
开始<> 结束</>
单标签

标签关系:包含 并列
一个标签里面含另外一个标签——包含
标签并列——并列

基本结构标签:
即 骨架标签。
Html标签 根标签 页面中最大的标签
Head标签 文档的头部
Title标签 文档的标题
Body标签 文档的主体

开发工具:dreamware webstorm
Vscode
打开先选保存,选择html格式
.html
!选第一个 ! 自动创建框架
在默认的浏览器中打开
Ctrl加+ 放大

Vscode插件的使用:
最下面那个方形按钮
Chinese
Open in browser
Js-css-html
Auto rename tag 自动重命名配对html xml标签
Css peek 追踪至样式
安装以后重启软件

<!doctype>文档类型声明标签:
写在html标签之前 <!doctype html>
En英语 ,zh-cn中文
<html-lang=”en”>

字符集 万国码(防止乱码)

标签语义:
标签的含义 结构更清晰
标题标签 段落标签

标题标签:

------

我是一级标题

标题一共六级选 文字加粗一行显 有大到小依次减 从重到轻随之变

段落标签和换行标签:

我是一个段落标签

换行标签
文字另起一行显示,强制换行。是单标签

体育新闻案例:
段落之间间隔比较大 ,换行间隔比较小

文本格式化标签:
加粗 ,

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值