前端学习之路（一）

最新推荐文章于 2023-03-02 20:40:05 发布
最新推荐文章于 2023-03-02 20:40:05 发布
阅读量99 收藏
点赞数
分类专栏： 前端 文章标签： 前端学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42540496/article/details/95196536
版权

**

前端基础学习---------html

**

1.HTML的规范
- HTML是一个弱势语言
- HTML不区分大小写
- HTML页面的后缀名是html或者htm(有一些系统不支持后缀名长度超过3个字符，比如dos系统)
- HTML的结构：
 - 声明部分：主要作用是用来告诉浏览器这个页面使用的是哪个标准。<!doctype html>是HTML5标准。
 - head部分：将页面的一些额外信息告诉服务器。不会显示在页面上。
 - body部分：我们所写的代码必须放在此标签內。
2.编写HTML的规范
-所有标记元素都要正确的嵌套，不能交叉嵌套。正确写法举例：`<h1><font></font></h1>`
-所有的标记都必须小写
-所有标记必须关闭
-双边标记：`<span></span>`
-单边标记：`<br>` 转成 `<br />`   `<hr>` 转成 `<hr />`，还有`<img src=“URL” />`
-所有的属性值必须加引号。`<font  color="red"></font>`
-所有的属性必须有值。`<hr noshade="noshade">`、`<input  type="radio" checked="checked" />`
-HTML文档开头必须要有DTD文档类型定义  <!DOCTYPE html>
3.编写HTML的规范
-文档声明头：任何一个标准的HTML页面都是以<!DOCTYPE ......> 开头的，这个标签可以告知浏览器文档使用哪种规范。
-头标签：存在于<head></head>之间的部分。
-身体标签：存在于<body> </body>之间的部分。
3.1 头标签详解
1.`<title>`：指定整个网页的标题，在浏览器最上方显示。
2. `<base>`：为页面上的所有链接规标题栏显示的内容定默认地址或默认目标。
3.`<meta>`：提供有关页面的基本信息
4. `<body>`：用于定义HTML文档所要显示的内容，也称为主体标签。我们所写的代码必须放在此标签內。
5.`<link>`：定义文档与外部资源的关系。
3.1.1 <meta …>部分解释
1.<meta http-equiv="refresh"content="3;http://www.baidu.com">
表示3秒之后自动跳转到百度页面
2.<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
meta 表示 ‘元’。代表基本的配置项目，
‘charset’ 表示字符集，乱码问题的根源之一。
3.<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
定义关键字，能告诉搜索引擎，页面主要的作用，提高搜索的效率。
<meta name="Description" content="网易是中国领先的互联网技术公司，为用户提供免费邮箱、游戏、搜索引擎服务，开设新闻、娱乐、体育等30多个内容频道，及博客、视频、论坛等互动交流，网聚人的力量。" />
也可以对页面进行简单的描述。
3.1.2 "body"部分解释
其属性有：
 - `bgcolor`：设置整个网页的背景颜色。
 - `background`：设置整个网页的背景图片。
 - `text`：设置网页中的文本颜色。
 - `leftmargin`：网页的左边距。IE浏览器默认是8个像素。
 - `topmargin`：网页的上边距。
 - `rightmargin`：网页的右边距。
 - `bottommargin`：网页的下边距。
 还有一些其他的例子。

一些常用标签，善用其搭配和属性即可。

特殊字符
 `&nbsp;`：空格 （non-breaking spacing，不断打空格）
- `&lt;`：小于号（less than）
-  `&gt;`：大于号（greater than）
- `&amp;`：符号`&`
- `&quot;`：双引号
- `&apos;`：单引号
- `&copy;`：版权`©`
- `&trade;`：商标`™`
-  `&#32464;`：文字`绐`。其实，`#32464`是汉字`绐`的unicode编码。
- `&sup2;` ：平方
- `&sup3;` ：立方

|<|小于号|`&lt;`|
|> |大于号|`&gt;`|
|&|和号|`&amp;`|
|￥|人民币|`&yen;`|
|®|注册商标|`&reg;`|
|°|摄氏度|`&deg;`|
|±|正负号|`&plusmn;`|
|×|乘号|`&times;`|
|÷|除号|`&divide;`|
- `<u>`：下划线标记
- `<s>`或`<del>`：中划线标记（删除线）
- `<i>`或`<em>`：斜体标记
moxin520
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Web前端学习之CSS课件
01-21
就是建立一个类，并为这个类定义一些样式，在需要应用的标签内以class=“类名”的形式套用，例如： .student{color:#00f;} “student”>张三 类名的前边一定要加上一个小数点(.)以表示这是个类选择器而不是重定义...
前端学习路线（简洁清晰，直击学习途径）
m0_67911008的博客
03-30 5万+
第一阶段：前端入门 1.Html5 2.Css3 第二阶段：JavaScript ①JavaScript 基础语法 ②JavaScript 高级（WebAPI/Dom Bom） ③JavaScript 框架（jQuery） ④数据可视化（echarts） 第三阶段 服务端编程 1.node js基础 2.ajax 3.promise 4.axios 5.了解学习es6语法，http协议规则 6.TypeScript 第四阶段 Vue.js
前端页面的简单学习与项目搭建（主要针对HTML和VUE的学习）
热门推荐
张彦峰的博客
04-09 169万+
备注：只是本人的自学与备注，自己本身不是做前端的，只是简单搭建一些前端的东西，自己玩的。 一、HTML简单的回顾 （一）HTML 基本结构 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html&...
前端学习之百叶窗效果
何忆清风
06-23 1万+
使vue+js实现百叶窗的效果
Web前端学习之路
前端栈开发
06-22 5848
随着Web2.0思想的日益普及，让企业都慢慢认识到前端的重要性。前端开发人员的地位也日益提高，相应的技术要求要是越来越高，那么现在想成为一名合格的Web前端工程师应该怎样学习呢?下面陕西优就业小编推荐一个Web前端学习路线图，希望对初学者有帮助。1.Javascript 语言全栈开发中，用的编程语言就是 javascript2.HTML5 标签和 DOM这是前端最核心技术，为之后学习各种开发框架，...
【WEB前端进阶之路】 HTML 全路线学习知识点梳理（上）
陈橘又青的博客
03-02 1万+
万维网W3C标准中网页分为结构，表现和行为三部分，HTML用于描述页面的结构，CSS用于控制页面中的元素样式，JavaScript用于响应用户的操作。HTML，CSS和JavaScript组成了前端技术栈。
2020最新前端学习路线
12-16
2020最新前端学习路线， 从0开始完整覆盖整个前端学习阶段，按此学习路线性学习，学完第一份公众可以拿到15K以上的高薪。
前端学习第一天html部分标签的学习
07-31
学习前端的记录
前端第一阶段学习-HTML
最新发布
08-08
适用于刚刚开始学习前端的小伙伴
前端学习（一）——H5学习笔记
08-09
HTML入门
vue 下载文件的两种方法
qq_42540496的博客
06-04 3万+
1. a标签下载 <a href="" download=""> herf: 此处要填写下载地址 例如:/api/download 等,没有写域名,会自动默认项目默认域名,有多个域名的自己添加标识符 download: 一般不需要,但是用于规定作为文件名来使用的文本,特殊情况下还是需要的,所以以防万一,最好还是带上. 注意: 一般这样下载文件的都是不带token等验证的下载方法,如果必须带token,可以和后端协商在href后面拼接,然后后端去接受验证 2.通过按钮触发调用接口 <el-b
vue中长时间未操作就会强制退出
qq_42540496的博客
06-12 1146
1. 创建一个公共js文件 import router from '../router' import store from '../store' var lastTime = new Date().getTime() var currentTime = new Date().getTime() var timeOut = 10 * 60 * 1000 // 设置超时时间： 10分 随意设置 window.onload = function() { window.document.onmousedo
vue中向docx模板填充数据下载
qq_42540496的博客
06-15 934
1. 安装对应依赖 npm install docxtemplater pizzip --save-dev npm install jszip-utils --save npm install jszip --save npm install file-saver --save 2. 导入依赖包 import docxtemplater from 'docxtemplater' import PizZip from 'pizzip' import JSZipUtils from 'jszip-utils'
windows10 安装nodejs
qq_42540496的博客
05-31 434
1.下载nodejs 下载地址:http://nodejs.cn/download/ 2.安装nodejs 基本都是下一步下一步安装,但是需要注意的是安装路径,以及安装前的配置界面 Node.js runtime 表示运行环境 npm package manager表示npm包管理器 online documentation shortcuts 在线文档快捷方式 Add to PATH添加到环境变量 安装完成后打开cmd以后测试 支持nodejs就安装好了,但是为了以后,我们需要做一些配置. 3.配
vscode配置和前端常用插件备注
qq_42540496的博客
06-06 285
1.常用插件 HTML Snippets HTML CSS Support Debugger for Chrome jQuery Code Snippets Path Intellisense ESlint beautify Atuo Rename Tag GitLens git history Bracket Pair Colorizer vetur VueHelper prettier guides Manta's Stylus Supremacy 2.vscode设置保存 { "workbenc
vue-cli3项目框架搭建
qq_42540496的博客
06-08 142
1.框架创建 vue create projectname (不要出现大写字母,特殊字符) ? Please pick a preset: default (babel, eslint) > Manually select features ? Check the features needed for your project: (*) Babel ( ) TypeScript ( ) Progressive Web App (PWA) Support (*) Router (*)
遇到的奇怪Bug收录
qq_42540496的博客
08-17 142
奇怪bug记录
vue前端性能优化记录
qq_42540496的博客
05-23 139
前端性能优化方法记录 1. 更改dom树的值,应尽量从里到外的标签修改 2. 新增dom元素,应在最后再一起插入真实dom里面 3. 尽可能使用css去实现效果 4. 避免多个内联样式,尽可能使用一个类去解决,精简多类中的重复样式 5. vue中,尽可能少用组件内样式,提取到一个css文件中,并且css文件越少越好 6. 不需要响应式的数据应使用Object.freeze(),接口返回的值不做改变也可以采用 7. 数据尽可能扁平化,提高计算效率 8. 各种插件能按需加载就按需加载 9.
怎么学习前端 做一个大神
04-21
在学习过程中，你可以通过以下步骤来提高自己的前端开发能力： 1. 开始学习 HTML 和 CSS，了解这两种语言的基本语法和用法，同时也可以学习一些常用的布局方式和样式技巧。 2. 继续学习 JavaScript，包括变量、...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值