目录
学习内容
1.
<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元(meta)数据,
如<meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题</title>
<body> 元素包含了可见的页面内容</body>
2.标题
<h1>这是一个标题</h1>
3.段落
<p>这是一个段落。</p>
4.链接
<a href="https://blog.sduonline.cn">这是一个链接</a>
5.图像
<img src="/images/logo.png" width="258" height="39" />
6.title元素、
- 定义了浏览器工具栏的标题
- 当网页添加到收藏夹时,显示在收藏夹中的标题
- 显示在搜索引擎结果页面的标题
7.HTML标签有序列表<ol><li></ol></li> 无序列表<ul><li></ul></li> 自定义列表<dl><dt><dd>
8.CSS的三种使用方法
行内CSS:标签内部使用[style=""]<p style="color:blue;margin-left:20px;">This is a paragraph</p>
内部CSS:在head部分中的style标签中编写
外部CSS:编写.css文件,在html文件中引入
常用html整理快捷键 alt+shift+F
拓展内容
1.CSS鼠标事件
div img:hover{
transform:scale(1.2);
cursor:pointer;
}
2.js页面跳转
<script>
<button onclick="myFunc()">点这里!!</button>
<script language="javascript">
function myFunc(){
window.location.href="Untitled-2.html";
}
</script>
感想
前端作业让我再一次感受到了人的学习能力是无限的(/doge)
从最初的一筹莫展到结束时的酣畅淋漓,其中艰辛……QAQ
为了这个作业本月第一次熬夜Orz
KUSO