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

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

相关文章

PyQt5 GUI 开发的基础知识

《PyQt5GUI开发的基础知识》Qt是一个跨平台的C++图形用户界面开发框架,支持GUI和非GUI程序开发,本文介绍了使用PyQt5进行界面开发的基础知识,包括创建简单窗口、常用控件、窗口属性设... 目录简介第一个PyQt程序最常用的三个功能模块控件QPushButton(按钮)控件QLable(纯文本

从入门到精通详解LangChain加载HTML内容的全攻略

《从入门到精通详解LangChain加载HTML内容的全攻略》这篇文章主要为大家详细介绍了如何用LangChain优雅地处理HTML内容,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录引言:当大语言模型遇见html一、HTML加载器为什么需要专门的HTML加载器核心加载器对比表二

基于Python开发一个图像水印批量添加工具

《基于Python开发一个图像水印批量添加工具》在当今数字化内容爆炸式增长的时代,图像版权保护已成为创作者和企业的核心需求,本方案将详细介绍一个基于PythonPIL库的工业级图像水印解决方案,有需要... 目录一、系统架构设计1.1 整体处理流程1.2 类结构设计(扩展版本)二、核心算法深入解析2.1 自

Python中你不知道的gzip高级用法分享

《Python中你不知道的gzip高级用法分享》在当今大数据时代,数据存储和传输成本已成为每个开发者必须考虑的问题,Python内置的gzip模块提供了一种简单高效的解决方案,下面小编就来和大家详细讲... 目录前言:为什么数据压缩如此重要1. gzip 模块基础介绍2. 基本压缩与解压缩操作2.1 压缩文

SpringBoot开发中十大常见陷阱深度解析与避坑指南

《SpringBoot开发中十大常见陷阱深度解析与避坑指南》在SpringBoot的开发过程中,即使是经验丰富的开发者也难免会遇到各种棘手的问题,本文将针对SpringBoot开发中十大常见的“坑... 目录引言一、配置总出错?是不是同时用了.properties和.yml?二、换个位置配置就失效?搞清楚加

前端如何通过nginx访问本地端口

《前端如何通过nginx访问本地端口》:本文主要介绍前端如何通过nginx访问本地端口的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、nginx安装1、下载(1)下载地址(2)系统选择(3)版本选择2、安装部署(1)解压(2)配置文件修改(3)启动(4)

HTML中meta标签的常见使用案例(示例详解)

《HTML中meta标签的常见使用案例(示例详解)》HTMLmeta标签用于提供文档元数据,涵盖字符编码、SEO优化、社交媒体集成、移动设备适配、浏览器控制及安全隐私设置,优化页面显示与搜索引擎索引... 目录html中meta标签的常见使用案例一、基础功能二、搜索引擎优化(seo)三、社交媒体集成四、移动

HTML input 标签示例详解

《HTMLinput标签示例详解》input标签主要用于接收用户的输入,随type属性值的不同,变换其具体功能,本文通过实例图文并茂的形式给大家介绍HTMLinput标签,感兴趣的朋友一... 目录通用属性输入框单行文本输入框 text密码输入框 password数字输入框 number电子邮件输入编程框

HTML img标签和超链接标签详细介绍

《HTMLimg标签和超链接标签详细介绍》:本文主要介绍了HTML中img标签的使用,包括src属性(指定图片路径)、相对/绝对路径区别、alt替代文本、title提示、宽高控制及边框设置等,详细内容请阅读本文,希望能对你有所帮助... 目录img 标签src 属性alt 属性title 属性width/h

CSS3打造的现代交互式登录界面详细实现过程

《CSS3打造的现代交互式登录界面详细实现过程》本文介绍CSS3和jQuery在登录界面设计中的应用,涵盖动画、选择器、自定义字体及盒模型技术,提升界面美观与交互性,同时优化性能和可访问性,感兴趣的朋... 目录1. css3用户登录界面设计概述1.1 用户界面设计的重要性1.2 CSS3的新特性与优势1.