当前位置: 首页 > news >正文

Web开发学习总结

学习路线


 Web

  • 全球广域网,也称为万维网(www World Wide Web),能够通过浏览器访问的网站

初识Web前端

  • Web标准也称为网页标准,由一系列的标准组成,大部分由W3C(World Wide Web Consortium,万维网联盟)负责制定。
  • 三个组成部分:
  1. HTML:负责网页的结构(页面元素和内容)。
  2. CSS:负责网页的表现(页面元素的外观、位置等页面样式,如:颜色、大小等)。
  3. JavaScript:负责网页的行为(交互效果)。

HTML(HyperText Markup Language)

超文本标记语言

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

HTML标签都是预定义好的。例如:使用<a>展示超链接,使用<img>展示图片,<video>展示视频。
HTML代码直接在浏览器中运行,HTML标签由浏览器解析

 

CSS

  • 层叠样式表,用于控制页面的样式(表现)

1.HTML结构标签

<html>

<head>

    <title>Document</title>

</head>

<body>

   

</body>

</html>

2.特点

  • HTML标签不区分大小写
  • HTML标签属性值单双引号都可以
  • HTML语法松散 

1.标题标签

  • 标签:<h1>..</h1>(h1→h6 重要程度依次降低)
  • 注意:HTML标签都是预定义好的,不能自己随意定义

2.水平线标签  <hr>
3.图片标签  <img src="." width="..." height="...">

  • 绝对路径:绝对磁盘路径(D:/xxxx)、绝对网络路径(https://xxxx)
  • 相对路径:从当前文件开始查找。(./ : 当前目录,../ : 上级目录)

CSS引入方式

  • 行内样式:写在标签的style属性中(不推荐)
  • 内嵌样式:写在style标签中(可以写在页面任何位置,但通常约定写在head标签中)
  • 外联样式:写在一个单独的.css文件中(需要通过 1ink标签在网页中引入) 

http://www.lryc.cn/news/354286.html

相关文章:

  • springboot相关知识集锦----1
  • App推广新境界:Xinstall助你轻松突破运营痛点,实现用户快速增长!
  • YOLOv10 论文学习
  • [Spring Boot]baomidou 多数据源
  • Drone+Gitee自动执行构建、测试和发布工作流
  • Unity3D MMORPG 主城角色动画控制与消息触发详解
  • 【Text2SQL 经典模型】HydraNet
  • Mysql-根据字段名查询字段在哪些表里
  • 牛逼!50.3K Star!一个自动将屏幕截图转换为代码的开源工具
  • 八种单例模式
  • 禅道密码正确但是登录异常处理
  • Go微服务: Nacos的搭建和基础API的使用
  • 基于Hadoop的城市公共交通大数据时空分析
  • DNS服务的部署与配置(2)
  • MySql--SQL语言
  • 【网络安全】2030年十大新兴网络安全威胁
  • python数据分析-CO2排放分析
  • 2024宝藏工具EasyRecovery数据恢复软件免费版本下载
  • 【EventSource错误解决方案】设置Proxy后SSE发送的数据只在最后接收到一次,并且数据被合并
  • 如何在linux命令行(终端)执行ipynb 文件。可以不依赖jupyter
  • 基于YOLOv8的车牌检测与识别(CCPD2020数据集)
  • 驱动开发之新字符设备驱动开发
  • 【JMU】21编译原理期末笔记
  • 就业信息|基于SprinBoot+vue的就业信息管理系统(源码+数据库+文档)
  • 一.架构设计
  • <学习笔记>从零开始自学Python-之-实用库篇(一)-pyscript
  • Vue项目中npm run build 卡住不执行的几种情况(实战版)
  • 《Python源码剖析》之pyc文件
  • Python零基础-中【详细】
  • 回溯 leetcode