前端基础一之开发须知道的那些事儿

2024-08-26 00:38

本文主要是介绍前端基础一之开发须知道的那些事儿,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

    

    查看的快捷键C+S+I然后点击Network(注意快捷键的使用)

   Tab键是缩进的快捷键

   后缀名决定文件的打开方式和解析方式

    H 是head的简称

   把页面上的文字加上标题的语义。

  P是给页面上的一段文字加上段落的语义

 

1.浏览器内核是从上到下来渲染页面的,

2.Css的优先级是内联>id>class

3.http协议:超文本传输协议,包括请求报文、响应报文、URL(请求地址)

4协议名、服务器的IP地址、端口号、请求的文件的名称

https比不加S要安全

DNS域名解析器:可以把域名解析成IP,也可以吧IP解析成域名。

如果没有设置端口号阿么默认的端口是80

网络的传输的过程终会有很多节点,一旦发现网络异常就会与网络警察

5.hr/

Br/用来换行

b是加粗

i是倾斜

u是下划线

s是删除线

这些标签没有语义,是html没出来之前最早的标签

Strong加粗

ins下划线

em倾斜

del删除线

最好用下面的标签

起到强调的作用

6.C+k、C+b侧边栏显示快捷键

C+n新建文件

C+S+s另存为

C+S+d快速复制一整行

C+S+K快速删除一整行

C+S+向上箭头:快速移动

7.alt:如果图片加载不出来则就会显示alt里面的内容

title:鼠标悬停2秒显示的内容

8.如果页面上有图片则会多发出一个请求去请求页面

机器在识别相应内容时是从上到下渲染的

响应是同时进行的

每张图片都会再次发一次请求

9.绝对路径:带有盘符的所有的内容的

10相对路径

    a.如果页面与图片在同一目录下

   src="1.png"

 b.页面与图片的上一个目录在同一目录下

  src="img/1.png"

  c页面的上一个目录与图片在同一个文件夹下

 src="../2.jpg"

11.href="lujing"

  键       值

键值对

双标签之间一定要有内容

12.a标签会跳转到另外一个页面上去

Href="#"a标签跳转到了当前页面

 a标签可以在自己的页面上定位

   a设置a标签的herf属性为"#id名"

  给目标一个id名

 

可以在跳转的页面进行定位

Href="09.html/#id名"

13.target—_blank保留原页面并且进行跳转

_self跳转但是不保留原来的页面

如果给页面的所有的a标签来进行共同的跳转属性则在title放一个base标签<base target="_blank">

 


这篇关于前端基础一之开发须知道的那些事儿的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1107052

相关文章

Go语言开发实现查询IP信息的MCP服务器

《Go语言开发实现查询IP信息的MCP服务器》随着MCP的快速普及和广泛应用,MCP服务器也层出不穷,本文将详细介绍如何在Go语言中使用go-mcp库来开发一个查询IP信息的MCP... 目录前言mcp-ip-geo 服务器目录结构说明查询 IP 信息功能实现工具实现工具管理查询单个 IP 信息工具的实现服

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》:本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局,详细内容请阅读本文,希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的

HTML5表格语法格式详解

《HTML5表格语法格式详解》在HTML语法中,表格主要通过table、tr和td3个标签构成,本文通过实例代码讲解HTML5表格语法格式,感兴趣的朋友一起看看吧... 目录一、表格1.表格语法格式2.表格属性 3.例子二、不规则表格1.跨行2.跨列3.例子一、表格在html语法中,表格主要通过< tab

Android Mainline基础简介

《AndroidMainline基础简介》AndroidMainline是通过模块化更新Android核心组件的框架,可能提高安全性,本文给大家介绍AndroidMainline基础简介,感兴趣的朋... 目录关键要点什么是 android Mainline?Android Mainline 的工作原理关键

Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案

《Vue3组件中getCurrentInstance()获取App实例,但是返回null的解决方案》:本文主要介绍Vue3组件中getCurrentInstance()获取App实例,但是返回nu... 目录vue3组件中getCurrentInstajavascriptnce()获取App实例,但是返回n

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

前端CSS Grid 布局示例详解

《前端CSSGrid布局示例详解》CSSGrid是一种二维布局系统,可以同时控制行和列,相比Flex(一维布局),更适合用在整体页面布局或复杂模块结构中,:本文主要介绍前端CSSGri... 目录css Grid 布局详解(通俗易懂版)一、概述二、基础概念三、创建 Grid 容器四、定义网格行和列五、设置行

使用Python开发一个带EPUB转换功能的Markdown编辑器

《使用Python开发一个带EPUB转换功能的Markdown编辑器》Markdown因其简单易用和强大的格式支持,成为了写作者、开发者及内容创作者的首选格式,本文将通过Python开发一个Markd... 目录应用概览代码结构与核心组件1. 初始化与布局 (__init__)2. 工具栏 (setup_t

前端下载文件时如何后端返回的文件流一些常见方法

《前端下载文件时如何后端返回的文件流一些常见方法》:本文主要介绍前端下载文件时如何后端返回的文件流一些常见方法,包括使用Blob和URL.createObjectURL创建下载链接,以及处理带有C... 目录1. 使用 Blob 和 URL.createObjectURL 创建下载链接例子:使用 Blob