Django开发task01打卡
1、HTML基础知识
Html5基本结构
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
<meta http-equiv="Content-Type" content = "text/html";charset = gb2312/>
</head>
<body>
页面内容部分
</body>
</html>
HTML5 的语法变化
|–标签不再区分大小写
|–元素可以省略结束标签
HTML5中的省略标签可分为如下三种
- 空元素语法的元素:area,base,br,col,command,embed,hr,img,input,keygen,link,mata,param,source,wbr这些元素不允许将开始标签和结束标签分开定义
- 可以省略结束标签的元素:colgroup,dt,dd,li,optgroup,option,p,rt,rp,thead,tbody,tfoot,tr,td,th
- 可以省略全部标签的元素:html、head、body、tbody
|–允许省略属性值的属性[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uYnU5oRc-1623850755262)(C:\Users\Lenovo\AppData\Roaming\Typora\typora-user-images\image-20210616212216037.png)]
|–允许属性值不使用引号
HTML标题
通过 <h1> - <h6>
标签来定义
HTML段落
通过标签<p>
来定义
HTML链接
通过标签<a>
来定义
HTML图像
通过标签<img>
定义
2、CSS知识
CSS是用于渲染HTML元素标签的样式
如何使用CSS
CSS可以通过以下方式添加到HTML中
- 内部样式-在HTML元素中使用“style“属性
<p style="color:blue;margin-left:20px;">这是一个段落。</p>
- 内部样式表-在HTML文档头部区域中使用
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
- 外部引用-使用外部CSS文件
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>