前端基础
开发环境
- 代码编辑器 vs code
- 插件安装好
- 浏览器 chrome
- 插件安装好
Html基础
Html基本模板
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
</body>
</html>
- 常用标签
h1~h3常用
p段落标签<h1>PHP14期</h1>
<h2>PHP14期</h2>
<h3>PHP14期</h3>
<h4>PHP14期</h4>
<h5>PHP14期</h5>
<h6>PHP14期</h6>
a链接标签<p>段落 写一块文字</p>
img图片标签<a href="https://www.baidu.com/" target="_self">打开百度</a>
<!-- href 属性,它指示链接的目标,也可以是锚点;
target 属性,规定在何处打开链接
_blank 在新窗口中打开被链接文档;
_self 默认。在相同的框架中打开被链接文档;
还可以指定"iframe内联框架的name值。 -->
<img src="https://img.php.cn/upload/course/000/000/001/5d24289c99b05106.jpg" alt="web前端开发" />
<!-- 图片设置大小的时候,设置宽度或高度,另一个也会等比缩放
一般只能设置一个,防止图形变形 -->