软件园学生在线

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

登录与注册

【第一次前端培训】终于!ddl生产力

  • 张丁尉
  • 2022-10-14
  • 0

第一次前端培训

一.本课学习内容

(含少量课后自学内容)

1.HTML

1. HTML是什么?

  • HTML的全称为超文本标记语言,是一种标记语言。
  • 不是编程语言,是标记语言。
  • 包含了文本、图片、视频、链接、表单、框架等等等等,存为HTML文件,通过浏览器显示。
    2. HTML怎么写?
  • 闭合标签
    -单标签如br /、双标签
  • 常用标签:
    ①h(1-6) 标题、从大到小、独占一行
    ②p段落
    ③br / 分行
    ④a href="" 超链接
    ⑤img src= 图片
    alt(图片不显示时显示文字)
    title(鼠标在图片上方时显示文字)
    ⑥button 按钮
    ⑦form 表格
    ⑧input 输入
    ⑨div span 框
    ⑩b strong 粗体
    ...
    3. HTML标签-list
  • 有序列表:
    ol
    li /li
    /ol
  • 无序列表:
    ul
    li /li
    /ul
  • 自定义列表:
    dl>
    dt /dt
    dd /dd
    /dl

2.CSS

1. CSS是什么?

  • CSS 指的是层叠样式表 (Cascading Style Sheets),是一组样式设置的规则,用于控制页面的外观样式。
  • CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素。
    2.CSS的用途功能
  • 设计样式,美观网页。
  • 排版布局。
    3.CSS的三种使用方法
    ①行内CSS:(嵌入样式)HTML的style属性
    ②内部CSS:(内嵌样式)在head 中的style标签中编写。
    ③外部CSS:在文件外部使用.css文件定义,然后在html文件中引入。
    4.定位方法
  • 使用id和class。只要在标签中定义它们的id或class就能这样获取到他们。id用#,class用.
    5.层叠顺序
  • 行内样式(在 HTML 元素中)>外部和内部样式表(在 head 部分)>浏览器默认样式
  • 行内样式具有最高优先级,并且将覆盖外部和内部样式以及浏览器默认样式。

    二.心得体会

    ①没有提前预习培训内容,悔恨!
    ②自己下来学习的时候感到很有兴趣,写出网页有很大的成就感!
    ③没学的内容还有好多,自学好重要(!!!)

张丁尉
张丁尉
© 2025 软件园学生在线
Theme by Wing