JavaWeb从入门到进阶(HTML)

初识web前端(侧重理解即可)

Web标准
++网页标准也称为网页标准,由一系列的标准组成,大部分由W3C(万维网联盟,万维网联盟)负责制定。++

三个组成部分:
HTML :负责网页的结构(页面元素和内容)。
CSS :负责网页的表现(页面元素的外观,位置等页面样式,如:颜色,大小等)。

javaScrip: 负责网页的行为,交互效果

网页有哪些部分组成?
++>文字、图片、音频、视频、超链接.++

我们看到的网页,背后的本质是什么?
++>程序员写的前端代码++

前端的代码是如何转换成用户眼中的网页的?
++>通过浏览器转化(解析和渲染)成用户看到的网页
>浏览器中对代码进行解析渲染的部分,称为浏览器内核++

HTML:

HTML(HyperTextMarkupLanguage):超文本标记语言。
◆超文本: 超越了文本的限制,比普通文本更强大。除了文字信息,还可以定义图片、音频、视频等内容。
**◆标记语言:**由标签构成的语言

>HTML标签都是预定义好的。例如:使用<a>展示超链接,使用<img>展示图片,<video>展示视频。

>HTML代码直接在浏览器中运行,HTML标签由浏览器解析。

CSS:层叠样式表,用来控制页面的样式(表现)

HTML结构标签

标题标签

图片标签:<img>

src:指定图像的url(绝对路径/相对路径)

width:图像的宽度(像素/相对于父元素的百分比)

height:图像的高度(像素/相对于父元素的百分比)

标题标签:<h1>-<h6>

水平线标签:<hr>

CSS引入方式

推荐使用内嵌式可以提高代码的复用性

颜色设置

标签

超链接

视频和音频

盒子模型

表格标签

表单标签

相关推荐
Chengbei111 小时前
云安全漏洞挖掘SKILL、一站式云漏洞挖掘工具,支持S3爆破、IMDS探测、K8s检测与AK/SK权限利用
前端·人工智能·网络安全·云原生·容器·kubernetes·系统安全
不简说1 小时前
JS 代码技巧 vol.9 — 20 个设计模式在真实项目里的应用
前端·javascript·github
CoderLiu2 小时前
Agent 工程的下一层:为什么「把流程写成图」还不够,还需要 Graph Engineering
前端·人工智能·后端
勇往直前plus2 小时前
Vue3(篇三) Element Plus
前端·javascript·typescript·vue
爱勇宝2 小时前
《道德经》第 8 章:真正高级的能力,像水一样成事
前端·后端·程序员
Revolution612 小时前
数组本身没有 map,为什么还能直接调用:原型链怎样查找属性
前端·javascript·面试
bonechips2 小时前
RAG实战(一):EPUB 加载、文本切割与向量入库
前端·数据库
swipe2 小时前
10|(前端转全栈)库存扣减为什么最容易出事故?SKU、并发与原子更新
前端·后端·全栈
cdcdhj2 小时前
vue3中的watchEffect()监听,什么时候监听,什么时候清理,什么时候停止
前端·javascript·vue.js
huabuyu2 小时前
几百 MB 的文件为什么等几分钟才能打开?文件分片下载与渐进预览原理
前端·javascript