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引入方式

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

颜色设置

标签

超链接

视频和音频

盒子模型

表格标签

表单标签

相关推荐
失忆爆表症2 小时前
05_UI 组件库集成指南:Shadcn/ui + Tailwind CSS v4
前端·css·ui
小迷糊的学习记录3 小时前
Vuex 与 pinia
前端·javascript·vue.js
发现一只大呆瓜3 小时前
前端性能优化:图片懒加载的三种手写方案
前端·javascript·面试
不爱吃糖的程序媛3 小时前
Flutter 与 OpenHarmony 通信:Flutter Channel 使用指南
前端·javascript·flutter
利刃大大3 小时前
【Vue】Element-Plus快速入门 && Form && Card && Table && Tree && Dialog && Menu
前端·javascript·vue.js·element-plus
NEXT063 小时前
AI 应用工程化实战:使用 LangChain.js 编排 DeepSeek 复杂工作流
前端·javascript·langchain
念风零壹3 小时前
AI 时代的前端技术:从系统编程到 JavaScript/TypeScript
前端·ai
光影少年4 小时前
react的hooks防抖和节流是怎样做的
前端·javascript·react.js
小毛驴8504 小时前
Vue 路由示例
前端·javascript·vue.js
发现一只大呆瓜4 小时前
AI流式交互:SSE与WebSocket技术选型
前端·javascript·面试