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

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

颜色设置

标签

超链接

视频和音频

盒子模型

表格标签

表单标签

相关推荐
曹牧4 小时前
C#:空合并运算符
java·前端·数据库
小羊没烦恼!5 小时前
铁道部新客票系统设计(二)
开发语言·前端·数据库·python·oracle·c#·php
智能直播7 小时前
RK3518:1.5G 内存 + 8G 存储,如何跑起硬件编解码、Web、AI 识别、绿幕特效
前端·人工智能·5g
掘金酱9 小时前
【10.24 特别活动】AI 时代,程序员的新饭碗在哪里?
前端·人工智能·后端
excel9 小时前
多进程环境下使用 PM2 部署 Socket.IO:需要注意什么
前端
IT_陈寒9 小时前
Redis的原子性竟然失效了?记一次分布式锁翻车实录
前端·人工智能·后端
时间的情敌11 小时前
《回顾 2018 前端:Vue2 成熟期,Webpack4 发布,PWA 大火》
前端
Java后端的Ai之路11 小时前
前端技术Vue-09-webpack-vuejs-实战
前端·vue.js·webpack
LMT流氓兔11 小时前
第五单元——第4课:给工具参数加校验
java·前端·算法·ai·langchain
涛涛ing11 小时前
React Compiler正式“Rust化”:你项目里的Babel插件,正在被编译进打包器
前端