11.15 HTML

  • 传统路线
  1. HTML、CSS、JS
  2. Ajax
  3. JQuery
  4. MySQL
  5. JDBC
  6. Servlet
  7. JSP
  8. EL&JSTL
  9. CookieSession
  10. Filter
  11. Servlet案例
  12. Mybatis
  13. Spring
  14. SpringMVC
  15. SpringBoot
  • 全新路线
  1. HTM、CSS、JS
  2. Ajax、Axios
  3. Vue、Element
  4. 前端工程化 vue脚手架
  5. Maven
  6. SpringBoot基础 基于SpringBoot进行讲解Spring的IOC,DI等[ spring 官方推荐]
  7. SpringBootSpringMVC基础
  8. MySQL:基于产品原型及需求分析,设计数据库表
  9. JDBC Mybatis
  10. Web案例:基于SpringBoot整合SSM,根据页面原型、需求、接口文档编写接口。
  11. 会话跟踪技术:Cookie、Session、令牌技术(JWT)
  12. FilterInterceptor: 令牌的统一拦截校验
  13. AOP
  14. SpringBoot原理

Web标准

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

三个组成部分:

HTML:负责网页的结构(页面元素和内容)。

CSS:负责网页的表现(页面元素的外观、位置等页面样式,如:颜色、大小等)

javaScript:负责网页的行为(交互效果)

HTML(Hyper Text Markup Language):超文本标记语言。

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

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

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

css(Cascading Style Sheet):层叠样式表,用于控制页面的样式(表现)。

新浪新闻-标题排版

控制字体的颜色,需要css样式控制

  • CSS引入方式

行内样式:写在标签的style属性中(不推荐)

内嵌样式:写在style标签中(可以写在页面任何位置,但通常约定写在head标签中)

外联样式:写在一个单独的.css文件中(需要通过link标签在网页中引入)

CSS选择器

总结

标签:

  • <a href="..." target="..."> 央视网 </a>

属性:

  • href :指定资源访问的url
  • target:指定在何处打开资源链接
  • _self:默认值,在当前页面打开
  • _bland:在空白页面打开

新浪新闻-正文

视频标签:<video>

  • src: 规定视频的url
  • controls:显示播放控件
  • width:播放器的宽度
  • height:播放器的高度

音频标签:<audio>

  • src:规定音频的url
  • control:显示播放控件

段落标签:<p>

文本加粗标签 <b> <strong>

新浪新闻-页面布局

盒子:页面中所有的元素(标签),都可以看作是一个盒子,由盒子将页面中的元素包含在一个矩形区域内,通过盒子的视角更方便的进行页面布局。

盒子模型组成:内容区域(content)、内边距区域(padding)、边框区域(border)、边外距区域(margin)

表格标签

表单标签

表单标签-表单项

相关推荐
曲幽2 天前
FastAPI流式输出实战与避坑指南:让AI像人一样“边想边说”
python·ai·fastapi·web·stream·chat·async·generator·ollama
曲幽4 天前
不止于JWT:用FastAPI的Depends实现细粒度权限控制
python·fastapi·web·jwt·rbac·permission·depends·abac
曲幽5 天前
FastAPI分布式系统实战:拆解分布式系统中常见问题及解决方案
redis·python·fastapi·web·httpx·lock·asyncio
曲幽6 天前
FastAPI压力测试实战:Locust模拟真实用户并发及优化建议
python·fastapi·web·locust·asyncio·test·uvicorn·workers
曲幽6 天前
FastAPI实战:打造本地文生图接口,ollama+diffusers让AI绘画更听话
python·fastapi·web·cors·diffusers·lcm·ollama·dreamshaper8·txt2img
曲幽8 天前
我用FastAPI接ollama大模型,差点被asyncio整崩溃(附对话窗口实战)
python·fastapi·web·async·httpx·asyncio·ollama
曲幽9 天前
FastAPI + Ollama 实战:搭一个能查天气的AI助手
python·ai·lora·torch·fastapi·web·model·ollama·weatherapi
holeer10 天前
【V1.0】Typora 中的 HTML 支持|软件文档自翻译
前端·编辑器·html·typora·web·markdown·文档
敲敲了个代码11 天前
浏览器时间管理大师:深度拆解 5 大核心调度 API
前端·javascript·学习·web
弹简特11 天前
【JavaEE12-后端部分】SpringMVC07-综合案例3-从留言板看前后端交互:接口文档与HTTP通信详解
spring boot·网络协议·spring·http·java-ee·交互