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

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

颜色设置

标签

超链接

视频和音频

盒子模型

表格标签

表单标签

相关推荐
宿6748 小时前
vue3-包管理器
前端·vue.js
@PHARAOH9 小时前
WHAT - Remix 入门和基本实践:理解两套产物
前端·remix
mayaairi9 小时前
Vue2 生命周期完全指南:从创建到销毁的8个钩子函数
前端·javascript·vue.js
xy345310 小时前
axure9.0 如何打造一个计时器(简单版)
前端·ui·html·axure·原型·产品设计
IMPYLH10 小时前
HTML 的 <pre> 元素
前端·javascript·html
tsumikistep11 小时前
【前端】Vue + Axios 跨域问题实战:7070 代理转发 8080 + 401 报错分析(黑马外卖)
前端·javascript·vue.js
lichenyang45312 小时前
鸿蒙首页从等高商品 Grid 到双列瀑布流:同一张图也能做出小红书式浏览节奏
前端
里欧跑得慢12 小时前
Flutter主题与样式详解
前端·css·flutter·web
计算机魔术师12 小时前
TPU推理性价比翻50%,NVIDIA的护城河要见底了?
前端
IT_陈寒12 小时前
Python的多线程就是个假把式,我算是体验到了
前端·人工智能·后端