HTML 基础入门

HTML 基础入门_第1张图片
Html

引言:学习前端基础知识。第一课 HTML。

时间:2017年11月19日

作者:JustDo23

HTML 基础入门_第2张图片
html_css_js

01. 基础知识

  1. 入门 Web 前端开发需掌握基础技术:HTMLCSS 以及 JavaScript 三者功能区分为
    • HTML 是网页内容载体。
    • CSS 是样式表现。
    • JavaScript 是实现特效及交互。
  2. HTML 是用来描述网页的一种语言。
    • Hyper Text Markup Language超文本编辑语言
    • HTML不是编程语言,而是一种标记语言
    • 标记语言是一套标记标签
    • HTML 使用标记标签来描述网页
  3. 语义化:明白每个标签的用途,合理使用标签。好处:
    • 更容易被搜索引擎收录
    • 更容易让屏幕阅读器读出网页内容

02. 文档结构
















03. 头部标签



  
  前端入门
  
  
  
  
  
  
  
  

04. 常用标签


  

一级标题

一个段落。

表示强调,斜体显示。
表示更强烈强调,粗体显示。
标签没有语义,可用于设置单独样式。
表示简短文本引用,引用默认会添加引号。

表示长文本引用,引用默认会添加左右添加缩进。
表示地址等信息,默认斜体。
表示一行代码,仅一行代码。
表示大段代码等预格式化文本,保留空格和换行。

链接显示的文本
发送邮件。

图片显示失败时的替换文本

05. 列表标签


    
    无序列表
  • 一个列表
  • 无序排列
  • 默认样式小圆点
    有序列表
  1. 一个列表
  2. 按顺序排列
  3. 默认样式从1开始
HTML 基础入门_第3张图片
html_list

06. 分块标签


    
独立容器,独立逻辑,区域划分
  • 属性id指定唯一标识
  • 属性class指定样式类名

07. 表格标签


    
表格标题
表头 粗体 居中 跨列
竖直   单元格 跨行 单元格
表头 单元格 单元格 单元格
页脚 单元格
  • 定义表格
  • 定义表格的
  • 定义表格的页眉
  • 定义表格的主体
  • 定义表格的页脚
  • 添加表格结构
  • 表格主体内容tbody下载完优先显示,分段显示,不必等待表格加载完成后才显示。
  • 属性border指定表格边框宽度
  • 属性cellpadding指定单元格内边距
  • 属性cellspacing指定表格单元格外边距
  • 属性colspan指定单元格跨行
  • 属性rowspan指定单元格跨列
  • HTML 基础入门_第4张图片
    html_table

    08. 表单标签

    
      
      














    HTML 基础入门_第5张图片
    html_form

    09. 小结

    • 标记语言相对而已容易学习,多次练习并在浏览器中运行。
    • 认识标签,掌握标签,运用标签。

    10. 参考

    1. 慕课网 HTML+CSS基础课程
    2. W3School

    你可能感兴趣的:(HTML 基础入门)

    定义表格标题
  • 定义表格单元
  • 定义表格的表头