Web前端概述、HTML、CSS选择器

首先学习需要注意:

  • 先完成再完美
  • 先理解问题

Web如何工作

Web前端概述、HTML、CSS选择器_第1张图片
访问知乎示例.jpg

基本架构和原理

Web前端概述、HTML、CSS选择器_第2张图片
B/S结构.jpg

HTML

文档基本结构

  • 文档类型声明
  • 文档头
  • 文档体
  • 文档元素

基本元素:标记、元素、内容、属性

单标记元素


  • tips:对于单标记元素,尽量在start tag的闭合之前加上/
  • HTML5可以不用,但XHTML强烈需要

全局属性

最常用:id,class,style,title

注释

标题、段落和文本格式化


  • 换行

  • 水平标识线
  •  Bold text 
  •  italic tex t
  •  important text 
  •  emphasized text 
  •  smaller text 
  •  deleted text 
  •  inserted text 

图片

1.src取值可以为: https://a.jpgimg/a.jpg相对路径,当前HTML文件所在的文件目录下找)、/img/a.jpg绝对路径,在同一个Web服务器下的根目录的img子文件夹下找)
alt取值为:这里是加载图片失败时的替换文字,必须添加该属性的取值。

超链接

文档外链接:

List

Unordered list 无序列表 


    Ordered list 有序列表 

      可以表示线性数据结构,如一组数据内容,导航栏的各个子项,下拉列表的各个子项等。

      Table

      • 可以表示二维数据结构
      • 对多行进行分组、、
      • 对多列进行分组、

      div和span

      容器元素:

      块级容器 block container
      行内容器 incline container
      不建议使用

      语义分段元素

      ,

      ,
      ,

      你可能感兴趣的:(Web前端概述、HTML、CSS选择器)