前端与HTML丨青训营笔记

一、什么是前端？

解决GUI人机交互问题

跨终端：pc/移动浏览器，客户端/小程序等

二、前端应该主义什么？

与代码实现一样，首先重要的是美观，自己写的代码需要让阅读者或者下一个编译者轻松读懂，见名知意！其次就是功能性和和性能在线以及兼容性，保证代码的正常运行，不会报错。

三、HTML定义

超文本：包含图片、标题、链接、表格等。

四、页面的基本内容

五、HTML语法

• 标题h1-h6;段落p

• 列表

  • 有序列表 ol (order list)

  • 无序列表 ul (unorder list)

  • 定义列表 dl (definition list)

    • dt (definition title)
    • dd (definition description)
    • 以上两项可多对多；键值对的形式。

• 多媒体

  • 图片 img <img src="photo.jpg" alt="占位符"/>
  • 语音 audio <audio arc="url" controls/>
  • 视频 video <video src="url" contols/>

• 输入 input

  • 文本框 text
  • 范围 range
  • 数字框 number
  • 日期框 date
  • 多行文本域 textarea
  • 多选 checkbox
  • 单选 radio

• select

  • 下拉列表 select + option
  • 可选数据列表 input + datalist + option(datalist存放的是可选择的数据项，input本质还是一个输入框，所以除了选择，它也可以输入其他。)

HTML

元素表示预定义格式文本。在该元素中的文本同通常按照原文件中的编排，以等宽字体的形式展现出来，文本中的空白符都会显示出来。（紧跟在开始后面的换行符也会被省略。）


HTML引用标签标签表示一个封闭的并且是短 的行内引用的文本。这个标签是用来引用短的文本，对于长的文本引用使用blockquote
六、内容划分