HTML - 基础

HTML

1，虚拟环境

• Python系统环境

  • 安装python就是为了计算机提供运行Python程序的环境(这个环境叫系统环境)
  • 一个Python环境中包含Python解释器和已经安装过的所有第三方库

• 虚拟环境

  • 基于系统环境创建的其他的Python环境
  • 如果没有虚拟环境只有一个系统环境，那么所有的第三方库就只能放在一起，这样容易突出，而且无法保存同一个第三方库的多个版本
  • 如果使用虚拟环境就可以让不同类型或者不同相同拥有自己专属的运行环境

• 关于创建虚拟环境的建议

  • 学习时：一类项目创建一个虚拟环境
  • 实际工作中：一个项目创建一个虚拟环境

• 新建虚拟环境

  • 利用pychram新建虚拟环境

    • 新建项目的时候，点击 New environment using Virtualenv （一个项目一个虚拟环境）
    • 打开设置界面 -> Project -> Python Interpreter -> …

  • 用指令新建

2，html常用标签

2.1head部分

• 设置网页编码方式

<meta charset="UTF-8">

• 网页标题设置

<title>标题内容</title>

• 设置网页图表

rel  -  icon， 固定写法
href  -  图片地址
<link rel="icon" href="img/baidu.jpeg">

2.2标签语法

• 双标签：<标签名 属性名1=“属性值1” 属性名2=“属性值2” …>标签内容</标签名>
• 单标签：<标签名 属性名1=“属性值1” 属性名2=“属性值2” …> 或者 <标签名 属性名1=“属性值1” 属性名2=“属性值2” …/>
  • 标签名 - 不由程序员自己命名，而是由html定死的（有哪些标签；不同的标签是干嘛用的）
  • 属性 - 属性名="属性值"的形式存在，属性值必须在双引号中，多个属性用空格隔开
  • 标签内容 - 标签内容可是任何内容，包括：纯文字、其他一个或者多个标签

2.3标签

• 标题标签：h1 ~ h6

标题标签: h1 ~ h6
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h6>六级标题</h6>
<h1>铁路：即时起，3月15日0时前已购车票免费退票</h1>

• 段落标签：p

<p>内容</p>

• 普通文字标签：span、font

<span>发布时间: 2022-03-14 13:53</span>
<span>|</span>
<span>北京日报报业集团</span>

• 带效果的文字标签

加粗 - b、strong、
倾斜 - i、em 
<p>针对近日全国部分地区出现多点零星散发病例和局部<b>聚集性疫情</b>，为配合各地政府减少人员<strong>流动</strong>、减少<i>旅途风险</i>、减少人员聚集等疫情防控政策的落实，铁路部门将迅速大幅调整旅客列车开行，并出台旅客列车车票<b><i>免费退票</i></b>措施。</p>

• 换行和空格

标签内容和网页内容在代码中直接按回车和空格键无效。
换行  - <br>
空格  - &nbsp;(空一个像素)  &emsp;(空一个空格)

• 图片标签：img

src属性 - 图片地址
title属性 - 图片标题(鼠标悬停在图片上才会显示)

<!-- 本地图片 -->
<img src="img/image1.png" title="鸡蛋">
		
<!-- 网络图片 -->
<img title="百度" src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" >

• 超链接：a

标签内容   -  超链接可见可点击的部分
href属性  -  跳转地址
target属性  -  设置跳转方式，_blank表示在新的页面中加载新的网页（默认是_self）

<!-- 文字超链接 -->
<a href="https://www.baidu.com"target="_blank">百度</a> 

<!-- 图片超链接 -->
<a href="https://www.baidu.com">
<img src="img/baidu.jpeg" >
</a>

<!-- 复杂结构的超链接 -->
		<br>
		<a href="https://www.baidu.com">
			<img src="img/image1.png" >
			<span>点我试试</span>
		</a>

• 列表标签

1)无序列表：ul-li
ul  -  列表
li  -  列表中的元素
2)有序列表：ol-li