前端学习---(1)HTML

一个后端狗, 在公司悄摸得学习前端技术
在公司上班时间看视频影响不太好
按照这个来吧: https://gitee.com/chinese-gitee/Web
前端基础要学: 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.mzph.cn/diannao/56735.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

UNIX网络编程-传输层

概述 传输层主要包括&#xff1a;TCP、UDP、SCTP&#xff08;流控制传输协议&#xff09;&#xff01; 绝大多数客户端/服务器网络应用都使用TCP/UDP。SCTP是一个较新的协议&#xff0c;最初设计用于跨因特网传输电话信令。 这些传输协议都转而使用网络协议IP&#xff1a;或是…

2023年华为杯数学建模竞赛题F论文和代码

强对流降水临近预报建模与优化 对问题一&#xff0c;为了实现基于前一小时&#xff08;10帧&#xff09;的实测雷达观测量&#xff08;ZH、ZDR、KDP&#xff09;&#xff0c;对后续一小时&#xff08;10帧&#xff09;的ZH进行预报&#xff0c;本文首先建立了线性拟合与RMSE双驱…

matlab相位图

% 清空工作空间和命令窗口 clear; clc; % 模拟生成时间t&#xff0c;位移y(t)和角位移theta(t) t linspace(0, 100, 1000); % 时间从0到100&#xff0c;包含1000个点 y 1e-5 * sin(2 * pi * 0.1 * t) .* exp(-0.01 * t); % 位移y(t) 振荡衰减 theta 1e-6 * cos(2 * pi * …

第11章 索引(postgresql v17)

V17 Chapter 11. Indexes 索引是增强数据库性能的常用方法。索引允许数据库服务器查找和检索特定的行&#xff0c;比没有索引要快得多。但是索引也会给整个数据库系统增加开销&#xff0c;因此应该合理使用索引。 1、介绍 假设我们有一个类似这样的表: CREATE TABLE test1 …

验证archive_command配置是否正确

要验证 archive_command 配置是否正确&#xff0c;你可以按照以下步骤进行&#xff1a; ‌检查配置文件‌&#xff1a; 确保 postgresql.conf&#xff08;或你的 PostgreSQL 实例使用的任何自定义配置文件&#xff09;中的 archive_command 已经设置为你想要的命令。 ‌重启 …

Python 网络编程:端口检测与IP解析

Python 网络编程&#xff1a;端口检测与IP解析 在现代网络编程中&#xff0c;了解如何检查端口状态以及根据IP地址解析主机名是非常重要的技能。本文将介绍如何使用Python实现这两个功能&#xff0c;并提供相应的示例代码供读者参考。 一、检查端口是否打开 在网络应用中&am…

self.browser = web.WebView.New(self) NotImplementedError

这个错误是 NotImplementedError&#xff0c;通常意味着你正在调用的某个功能在当前环境或库版本中还没有实现或不支持。在这个错误中&#xff0c;问题出在 web.WebView.New(self)&#xff0c;它尝试创建一个 Web 浏览器控件&#xff0c;但未能成功。 在 wxPython 中&#xff…

Qt第十三天:网络编程:TCP和UDP的使用

我发现了有些人喜欢静静看博客不聊天呐&#xff0c; 但是ta会点赞。 这样的人呢帅气低调有内涵&#xff0c; 美丽大方很优雅。 说的就是你&#xff0c; 不用再怀疑哦 ❤️TCP&#xff1a; 一、创建项目&#xff0c;命名为Server&#xff0c;继承QWidget 二、添加Qt设计师…

一套医药订单管理系统。该系统旨在通过数字化手段,实现医药订单的自动化处理、库存精准管理、供应链高效协同,以及数据驱动的决策支持。

1.产品介绍 产品名称: 智医链医药订单一体化管理系统 主要功能: 智能订单处理 自动化订单接收:系统支持多渠道订单接入(如电商平台、医院采购系统、线下门店等),自动抓取订单信息,减少人工录入错误。智能分配与调度:根据库存情况、配送距离、车辆载重等因素,智能分配…

ios在复制方面的兼容

在 iOS 开发中&#xff0c;特别是在使用 JavaScript 与 WebView 交互时&#xff0c;可能会遇到某些事件处理的限制。iOS 对于非用户动作&#xff08;non-user-initiated actions&#xff09;的事件处理有特定的安全策略&#xff0c;这是为了防止恶意代码或自动化脚本执行可能导…

如何进行数学家式的学习思考?

如何进行数学家式的学习思考&#xff1f; 学生阶段的数学学习是非常重要的&#xff0c;对这一点很少有人质疑。一提起数学学习&#xff0c;一些学生、家长甚至一些教师认为&#xff0c;学生的数学学习往往侧重于掌握基本概念、公式和解题技巧&#xff0c;通过做题来巩固知识和提…

【飞腾加固服务器】全国产化解决方案:飞腾FT2000+/64核,赋能关键任务保驾护航

在信息安全和自主可控的时代背景下&#xff0c;国产化设备的需求与日俱增&#xff0c;尤其是在国防、航空航天、能源和其他关键行业。高可靠性和极端环境设计的国产加固服务器&#xff0c;搭载强大的飞腾FT2000/64核处理器&#xff0c;全面满足国产自主可控的严苛要求。 性能强…

数字化那点事:一文读懂人工智能

人工智能&#xff08;Artificial Intelligence, AI&#xff09;作为当今科技领域的热门话题&#xff0c;正以前所未有的速度改变着我们的生活。从智能家居到自动驾驶&#xff0c;从医疗诊断到金融分析&#xff0c;AI的应用无处不在。本文将通过通俗易懂的语言和丰富的案例&…

springboot 3.2.5集成spring security 只放行get请求,其他请求403

环境配置 jdk 17 <parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>3.2.5</version><relativePath/> <!-- lookup parent from repository --></…

Spring Boot 中的 @RequestMapping 和 Spring 中的 @RequestMapping 有什么区别?

在Spring框架中&#xff0c;RequestMapping注解用于映射Web请求到处理器&#xff08;控制器&#xff09;的方法上。在Spring Boot中&#xff0c;这个注解的使用方式并没有变化&#xff0c;但是Spring Boot作为Spring的扩展&#xff0c;提供了一些额外的便利性&#xff0c;使得开…

【Linux探索学习】第六弹——Linux的工具(一):Ubuntu系统下的软件包管理器

前言&#xff1a; 在Ubuntu系统中&#xff0c;Linux工具为用户提供了强大的命令行操作能力。这些工具不仅使日常任务的自动化成为可能&#xff0c;还大幅提升了生产力。本文将重点介绍一些常用的Linux工具&#xff1a;软件包管理器 注意&#xff1a;本文是所讲解的内容是在Ubun…

【C++基础篇】——逐步了解C++

【C基础篇】——逐步了解C 文章目录 【C基础篇】——逐步了解C前言一、C的第一个程序二、命名空间1.namespace的价值2.namespace的定义3.命名空间的使用 三、C的输入&输出四、缺省参数五、函数重载六、引用1.引用的概念和定义&#xff1a;2.引用的特性3.引用的使用4.const引…

Python进阶知识3

Python迭代器与生成器 迭代器 Iterator 1.什么是迭代器 迭代器是访问可迭代对象的工具迭代器是指用 iter(obj) 函数返回的对象(实例)迭代器可以用next(it)函数获取可迭代对象的数据 2.迭代器函数iter和next 函数说明iter(iterable)从可迭代对象中返回一个迭代器,iterable必…

使用LangGraph构建多Agent系统架构!

0 前言 Agent是一个使用大语言模型决定应用程序控制流的系统。随着这些系统的开发&#xff0c;它们随时间推移变得复杂&#xff0c;使管理和扩展更困难。如你可能会遇到&#xff1a; Agent拥有太多的工具可供使用&#xff0c;对接下来应该调用哪个工具做出糟糕决策上下文过于…

51单片机的超声波视力保护仪【proteus仿真+程序+报告+原理图+演示视频】

1、主要功能 该系统由AT89C51/STC89C52单片机LCD1602显示模块温度传感器光照传感器超声波传感器按键、LED、蜂鸣器等模块构成。适用于视力保护仪、坐姿矫正器、超声波防近视等相似项目。 可实现功能: 1、LCD1602显示温度、光照、距离和学习时间 2、超声波传感器采集头部与探…