当前位置:首页 > 文章列表 > 文章 > 前端 > HTML/CSS 课程 - 课程或年级

HTML/CSS 课程 - 课程或年级

来源:dev.to 2024-12-23 14:39:42 0浏览 收藏

最近发现不少小伙伴都对文章很感兴趣,所以今天继续给大家介绍文章相关的知识,本文《HTML/CSS 课程 - 课程或年级》主要内容涉及到等等知识点,希望能帮到你!当然如果阅读本文时存在不同想法,可以在评论中表达,但是请勿使用过激的措辞~

HTML/CSS 课程 - 课程或年级

html/css 课程 - 第 1 课细分

第 1 课:基本 html 回顾和高级 html 元素简介

目标:

  • 刷新基础 html 标签。
  • 引入中级html元素来构建更多功能性网页。

1。 html结构简介

首先简要说明 html 如何使用标签组织网页内容。强调html(超文本标记语言)用于构建网页,而css用于样式化。

要回顾的关键概念:

  • , , : 说明每个html文档都有一个已定义的结构:
    • :包含整个网页的根元素。
    • :包含标题、css 链接、脚本等元信息
    • :包含所有可见内容,例如文本、图像以及用户与之交互的元素。

2。基本 html 标签回顾

  • 标题(

    ):解释标题按层次结构构建内容,从最大的 (

    ) 到最小的 (

    )。

示例:

    

main heading

sub heading

  • 段落 (

    ): 用于定义文本块或段落。

示例:

    

this is a paragraph.

示例:

    click here
  • 图片 (): 用于显示图片。解释用于链接到图像文件的 src 属性和用于可访问性的 alt 属性。

示例:

    a descriptive text

3。中间 html 元素简介

3.1。表单(

  • 表单用于收集用户输入。

  • 基本表单结构:

    • : 表单元素的容器。可以包含操作(发送表单数据的位置)和方法(get/post)等属性。
    • 定义输入元素的标签并提高可访问性。
    • : 定义各种类型的输入字段,如文本、密码、复选框、单选框等

带有文本输入的简单表单示例:

    
      
      

      
      
    

3.2。列表(