前端基础学习笔记（一）

最新推荐文章于 2023-07-27 21:17:40 发布

未来的小码农

最新推荐文章于 2023-07-27 21:17:40 发布

阅读量223

点赞数

分类专栏： HTML 文章标签： html css

本文链接：https://blog.csdn.net/qq_40484618/article/details/104138575

版权

HTML + CSS基础

课程简介

软件的架构
1. C/S – 客户端/服务器
  1. 软件使用前必须在本地安装
  2. 软件更新时，服务端和客户端同时需要更新
  3. 软件客户端不能跨平台使用
  4. 客户端和服务器通信采用的是自由协议，相对比较安全
2. B/S – 浏览器/服务器
  1. 软件不需要安装，直接使用浏览器访问指定的网址即可
  2. 软件更新时，客户端不需要更新
  3. 浏览器可以跨平台，只要系统中有浏览器，就可以使用
  4. 浏览器和服务器之间通信采用的是通用的HTTP协议，相比较来说不安全
万维网联盟（W3C，World Wid Web Consortium）
学习内容
1. HTML（结构）：描述页面的结构
2. CSS（表现）：控制页面中元素的样式
3. JavaScript（行为）：响应用户操作

HTML和CSS简介

HTML简介

HTML（Hypertext Markup Language）超文本标记语言
HTML使用标签的形式来标识网页中的不同组成部分
一个最基本的HTML页面

<!DOCTYPE html>
<!-- 
html根标签：一个页面中有且只有一个根标签，网页中的所有内容都应该写在根标签内 
-->
<html>
    <!-- head标签：该标签的内容不会再网页中显示，用来帮助浏览器解析网页 -->
	<head>
		<meta charset="UTF-8">
        <!-- title标签：默认会显示在浏览器的标题栏中
			搜索引擎在检索页面时，首先检索title标签中的内容，影响网页在搜索引擎中的排名
		-->
    	<title>Title Of the Web</title>
	</head>
    <!-- body标签：用来设置网页的主体内容，网页中所有可见的内容，都应在body中编写 -->
	<body>
    	<h1>网页正文</h1>
    </body>
</html>

HTML版本

HTML5的文档声明：<!DOCTYPE html>
1. 声明当前的页面是按照HTML5标准编写的
2. 编写网页时一定要将文档声明写在网页的最上面
3. 如果不写文档声明，会导致有些浏览器会进入怪异模式，导致浏览器解析页面无法正常显示
注释


1. 注释中的内容不会在网页中显示
2. 合理的使用注释可以帮助开发人员理解网页的代码
3. 注释不能嵌套
标签

结构：<标签名>标签内容</标签名>
1. 标签的属性
  1. 可以为HTML标签设置属性
  2. 通过属性为HTML元素提供附加信息
  3. 属性需要设置在开始标签或自结束标签中
  4. 属性总是以名称/值对的形式出现 例如:name = "value"
  5. 有些属性可以是任意值，有些则必须是指定值
2. 常见属性
  1. id
    
    – 作为标签的唯一标识，在同一个网页中不能出现相同的id属性值
  2. class
    
    – 为标签分组，拥有相同class属性的标签认为就是一组，可以出现相同的class属性，可以为一个元素指定多个class
  3. title
    
    – 指定标签的标题，指定title以后，鼠标移入到元素上方时，会出现提示文字
3. 常用标签
  1. <h1>~<h6> <p> <br/> <hr/> <img/> <a> </a></p></h6></h1>
  2. <img src="相对路径/绝对路径.jpg .gif .png" alt="图片的描述">
    - 图片的格式
      - JPEG（JPG）
        
        – 图片支持的颜色比较多，图片可以压缩，但是不支持透明
      - GIF
        
        – 支持的颜色少，只支持简单的透明（直线轮廓），支持动态图
      - PNG
        
        – 支持的颜色多，并且支持复杂的透明
    - 图片的使用原则
      
      效果不一致，使用效果好的
      
      效果一致，使用小的
  3. <a href="mailto:1842608363@qq.com">联系我们</a>
  4. -- 提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词
    - 设置页面的字符集
    - 设置网页的描述
    - 设置网页的关键字
    - 请求的重定向
4. 转义字符

CSS简介

最低0.47元/天解锁文章

未来的小码农

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端基础学习笔记（一）

HTML + CSS基础课程简介软件的架构C/S – 客户端/服务器软件使用前必须在本地安装软件更新时，服务端和客户端同时需要更新软件客户端不能跨平台使用客户端和服务器通信采用的是自由协议，相对比较安全B/S – 浏览器/服务器软件不需要安装，直接使用浏览器访问指定的网址即可软件更新时，客户端不需要更新浏览器可以跨平台，只要系统中有浏览器，就可以使用浏览器和服务...
复制链接

扫一扫