前端学习---(1)HTML

devtools/2024/10/22 14:01:23/

一个后端狗, 在公司悄摸得html" title=学习>学习html" title=前端>前端技术
在公司上班时间看视频影响不太好
按照这个来吧: https://gitee.com/chinese-gitee/Web
html" title=前端>前端基础要学: HTML, CSS,JS

  1. 浏览器
    浏览器中最重要的是渲染引擎(浏览器内核),JS引擎(常见的V8引擎)
    渲染引擎: 用来解析 HTML与CSS。渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。
    JS 引擎 也称为 JS 解释器, 用来解析网页中的JavaScript代码,对其处理后再运行。

  2. HTML基础
    超文本: 图片、音频、视频、动画、多媒体等内容,成为超文本,因为它们超出了文本的限制。
    不仅如此,它还可以从一个文件跳转到另一个文件,与世界各地主机的文件进行连接。即:超级链接文本。

HTML 不是一种编程语言,是一种描述性的标记语言。
标记语言是一套标记标签。比如:标签<a>表示超链接、标签表示图片、标签<h1>表示一级标题等等,它们都是属于 HTML 标签。
编程语言是有编译过程的,而标记语言没有编译过程,HTML标签是直接由浏览器解析执行。
HTML结构: HTML标签通常是成对出现的(双边标记),比如 <div> 和 </div>;也有少部分单标签(单边标记),如:<br />、<hr />和<img src="images/1.jpg" />等。
属性与标记之间、各属性之间需要以空格隔开。属性值以双引号括起来。

html骨架标签分类

<html></html>	HTML标签	页面中最大的标签,我们成为根标签
<head></head>	文档的头部	注意在head标签中我们必须要设置的标签是title
<title></title>	文档的标题	让页面拥有一个属于自己的网页标题
<body></body>	文档的主体	元素包含文档的所有内容,页面内容 基本都是放到body里面的
  1. HTML标签
    文本级标签:p、span、a、b、i、u、em。文本级标签里只能放文字、图片、表单元素,也不能放标签。(a标签里不能放a和input)
    容器级标签:div、h系列、li、dt、dd。容器级标签里可以放置任何东西。
    标签属性: 标签是有属性的,长宽高,颜色下划线等,常见的属性
align="属性值":设定线条置放位置。属性值可选择:left right center。
size="2":设定线条粗细。以像素为单位,内定为2。
width="500"或width="70%":设定线条长度。可以是绝对值(单位是像素)或相对值。如果设置为相对值的话,内定为100%。
color="#0000FF":设置线条颜色。
noshade:不要阴影,即设定线条为平面显示。若没有这个属性则表明线条具阴影或立体。

div和span的介绍
div标签:可以把标签中的内容分割为独立的区块。必须单独占据一行。
span标签:和div的作用一致,但不换行。span只是文本级的标签 span里面只能放置文字、图片、表单元素。 span里面不能放p、h、ul、dl、ol、div。


http://www.ppmy.cn/devtools/127852.html

相关文章

Unity Mirror NetworkManager初识

文章目录 Network Manager网络管理器什么是网络管理器&#xff1f;通过Transports进行定制化网络连接管理自定义连接地址和端口号Game State Management游戏状态管理Network Manager HUD玩家预制体及其生成控制Spawn Prefabs其他预制体注册Scene Management场景管理 Network Ma…

重新阅读《马说》,感悟“伯乐相马”背后的被选择与选择的大智慧

“初闻不识曲中意&#xff0c;再听已是曲终人”。世有伯乐&#xff0c;然后有千里马。千里马常有&#xff0c;而伯乐不常有。无论你是考研考公等考试大军中的一员&#xff0c;还是已步入社会的打工人或者领导&#xff0c;当你面临被人选择或者选择人时&#xff0c;皆可从《马说…

九种排序,一次满足

我们在算法题进行练习提升时&#xff0c;经常会看到题目要求数据从大到小输出&#xff0c;从小到大输出&#xff0c;前一半从小到大输出&#xff0c;后一半从大到小输出等&#xff0c;那么这时候就需要用到排序算法&#xff0c;通过排序算法将数据按照一定的顺序进行排序。本文…

15分钟学Go 第8天:控制结构 - 循环

第8天&#xff1a;控制结构 - 循环 在Go语言中&#xff0c;循环是一种基本的控制结构&#xff0c;用于重复执行一段代码。今天我们将深入了解Go语言中的for循环&#xff0c;包括它的各种用法、语法结构、以及如何在实践中有效地应用循环。 1. for 循环的基本概念 for循环是G…

2024自动化测试面试真题(附答案)!

一、编程语法题 1 、 python 有哪些数据类型 python 数据类型有很多&#xff0c;基本数据类型有整型&#xff08;数字&#xff09;、字符串、元组、列表、字典和布尔类型等 2 、怎么将两个字典合并 调用字典的 update 方法&#xff0c;合并 2 个字典。 3 、 json.l python 如…

Java之继承抽象类用法实例(三十一)

简介&#xff1a; CSDN博客专家、《Android系统多媒体进阶实战》一书作者 新书发布&#xff1a;《Android系统多媒体进阶实战》&#x1f680; 优质专栏&#xff1a; Audio工程师进阶系列【原创干货持续更新中……】&#x1f680; 优质专栏&#xff1a; 多媒体系统工程师系列【…

基于深度学习的AI生成式人脸图像鉴别原理

随着深度学习的发展&#xff0c;生成式AI模型&#xff08;如GANs&#xff09;能够生成高质量的逼真人脸图像。这些生成式模型在娱乐、艺术等领域发挥着重要作用&#xff0c;但同时也带来了对虚假信息、深伪图像&#xff08;deepfake&#xff09;的担忧。因此&#xff0c;如何鉴…

react18中如何实现同步的setState来实现所见即所得的效果

在react项目中&#xff0c;实现添加列表项&#xff0c;最后一项自动显示在可视区域范围&#xff01;&#xff01; 实现效果 代码实现 import { useState, useRef } from "react"; import { flushSync } from "react-dom"; function FlushSyncRef() {con…