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

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

颜色设置

标签

超链接

视频和音频

盒子模型

表格标签

表单标签

相关推荐
pe7er3 小时前
window管理开发环境篇 - 持续更新
前端·后端
We་ct4 小时前
LeetCode 5. 最长回文子串:DP + 中心扩展
前端·javascript·算法·leetcode·typescript
陈随易8 小时前
有生之年系列,Nodejs进程管理pm2 v7.0发布
前端·后端·程序员
冰暮流星8 小时前
javascript之事件代理/事件委托
前端
陈随易9 小时前
AI时代,你还在坚持手搓文章吗
前端·后端·程序员
里欧跑得慢11 小时前
17. Flutter Hero动画实现:让界面过渡更加优雅
前端·css·flutter·web
IT_陈寒12 小时前
Vue的这个响应式陷阱,我debug了一整天才爬出来
前端·人工智能·后端
kyriewen12 小时前
前端测试:别为了100%覆盖率而写测试,那是自欺欺人
前端·javascript·单元测试
去伪存真12 小时前
我自己写的第一个skills--project-core-standards
前端·agent
Data_Journal12 小时前
如何使用cURL更改User Agent
大数据·服务器·前端·javascript·数据库