css获取第一个子元素-如何成为后端开发者——HTML简介

2023-09-03 0 4,361 百度已收录

文章最后还有福利

前端开发,上手简单,只要有一个可以运行多种浏览器的笔记本css获取第一个子元素,并且可以在线查询信息。 深入的部分需要更多的理论知识和愿意钻研的精神。 对于前端开发来说,需要了解的东西屈指可数,主要有以下几个方面:

背景知识 软件安装 文本编辑器 浏览器

Firefox、Chrome、Opera、Safari、Internet Explorer 和 Microsoft Edge

版本控制

git GitHub

构建 ToolsWeb 标准

Web标准主要定义了浏览器端、功能套接字标准以及标准的具体实现,由不同的浏览器厂商完成。

目前使用的网络技术主流浏览器

Firefox、Chrome、Opera、Safari、Internet Explorer 和 Microsoft Edge

协议

协议,主要用于通信。前端和前端并不是独立的,他们之间通过合约交换信息css获取第一个子元素,Web系统才能正常运行

HTML、CSS 和 JavaScript 开发工具服务器端语言

Python, NodeJS, Deno, Go, Rust 

浏览器兼容性的挑战

Web标准、实现厂商不同、支持不同,浏览器兼容性问题自然存在

响应式设计

css获取第一个子元素-如何成为后端开发者——HTML简介

不同的厂家、不同的展示场景意味着整篇文章无法定稿,需要动态改变展示内容

表现

世界上的网站只有速度快才能留住用户

使用方便

不同的网站访问者需要通用且易于使用。

全球化

国际语言有很多,我们需要支持尽可能多的

安全

用户隐私数据保护

HTMLhtml基本概念html元素

当然,也有例外,不属于这些格式。

# Empty elements, or (void elements.) 
复制代码

html元素嵌套

My cat is very grumpy.

复制代码

块元素和行内元素

css获取第一个子元素-如何成为后端开发者——HTML简介

块元素占据一行; 行内元素按顺序排列。 这些与 css 显示不同,并且不会影响元素可以包含哪些元素或被哪些元素包含。

元素属性

其中,还有一个特殊的属性:布尔属性


# 等效于

复制代码

另外,还会有一些特殊的写法。建议使用key="value"格式

favorite website
复制代码

html文档结构

无论连续多少个空格,浏览器都会解析一个空格

 # 定义解析格式
 # 文档的root 
   #定义源数据地方 
    
    My test page
  
   # 文档的可见内容部分
    

This is my page

复制代码

请参阅它以获取元数据等。

html特殊字符

,",'和&,这个是html本身使用的,如果用户需要显示,那么需要通配符

html注释


复制代码

html 多媒体图像

alt描述图像

# 推荐添加alt,而不是text子元素节点添加
复制代码

添加标题

A T-Rex on display in the Manchester University Museum.
复制代码

根据不同的显示设备规格加载不同的图片


复制代码

设备规格相同,但帧速率不同


复制代码

使用图片,不同的设置可以选择加载不同的图片。


  
  
  

复制代码

图片+svg


  
   
  

复制代码

声音的

单一 URL 浏览器制造商不支持不同的音频格式,例如:MP3、MP4 和 WebM

css获取第一个子元素-如何成为后端开发者——HTML简介


复制代码

浏览器适配问题


复制代码

视频

单个 URL 浏览器制造商不支持不同的视频格式。


复制代码

浏览器适配问题


复制代码

svg

图像参考 svg


复制代码

html 参考 svg


复制代码

在 iframe 等中参考 svg


    

复制代码

帆布

css获取第一个子元素-如何成为后端开发者——HTML简介

Canvas 与 svg 不同。 Canvas是基于像素的,而svg是基于矢量图形的。

#html

复制代码

嵌入元素

iframe, embed and object

内嵌框架


  

Fallback link for browsers that don't support iframes

复制代码

html表格样式规范

Data 1 Data 2
Calcutta Orange
Robots Jazz
复制代码

更好的款式规格

col 可以指定一次

# 定义在colgroup中,与th个数对应
    
Data 1 Data 2
Calcutta Orange
Robots Jazz
复制代码

设置全部


  

复制代码

如果你现在也想学习后端开发技术,如果你在学习后端的过程中遇到任何学习方法、学习路线、学习效率等问题,可以申请加入我的Q群:6649第114671,大厂笔试真题中有很多免费的后端学习资料,希望能够对大家有所帮助。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 css css获取第一个子元素-如何成为后端开发者——HTML简介 https://www.wkzy.net/game/191704.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务