软件园学生在线

  • {{ item.name }}
  • 2023试用期

登录与注册

【前端第一次培训】从零开始的前端学习

  • Xihan
  • 2022-10-16
  • 0

目录

1. 学习内容
2. 拓展内容
3. 感想


学习内容

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

Xihan
Xihan
© 2025 软件园学生在线
Theme by Wing