HTML基础

  1. 什么是HTML?
  • 超文本标记语言 ——HyperText Markup Language，它定义了网页内容的含义和结构。
  • HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言。
  1. 什么web标准?
  • web标准是由W3C组织和其他组织指定的标准的集合，主要包括结构——HTML、表现——CSS、行为——JavaScript。
  1. HTML语法规范
  • 标签都使用尖括号<>包裹，例如​​<a></a>​​
  • 标签大多数是成对出现，有开始标签和结束标签，但是也有单独出现的标签，例如​​<img/>​​
  • 标签是含有父子级关系和兄弟级关系
  1. 网页的结构

<!-- 文档声明 -->
<!DOCTYPE html>
<html>
  <!-- 头部信息 -->
  <head>
    <!-- 编码格式 -->
    <meta charset="utf-8">
    <!-- 设置作者 -->
        <meta name="author" content="作者">
        <!-- 网页描述 -->
        <meta name="description" content="设置网页的描述">
        <!-- 设置网页的关键字 -->
        <meta name="keywords" content="关键字">
    <!-- 网页标题 -->
    <title>标题</title>
  </head>
  <!-- 页面主体内容 -->
  <body>
    
  </body>
</html>

  1. 常用标签
  • 标题标签

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

  • 段落标签 ——​​<p></p>​​
  • 换行标签 ——​​<br/>​​
  • 文本格式化标签

加粗文本：<strong></strong>   <b></b>
文本倾斜：<em></em>  <i></i>
带删除线的文本：<del></del> <s></s>
带下划线的文本：<ins></ins> <u></u>
上标：<sup></sup>
下标：<sub></sub>

  • 具有代表性的块级标签——​​<div></div>​​​，行内标签——​​<span></span>​​
  • 图片标签

<img src="xx.jpg" alt="" title="" width="" height="" border=""/>
src：图片路径
alt：图片加载失败显示的内容
title：鼠标经过图片显示的内容
width：设置图片宽度
height：设置图片高度
border：设置图片边框

  • a标签

<a href="www.baidu.com" target="_blank">跳转到百度</a>
target：_self;表示当前页面加载
target:_blank;表示新开窗口加载
target:_parent;加载应到当前框架的 HTML4 父框架或当前的 HTML5 浏览上下文的父浏览上下文。
target:_top;加载响应进入顶层浏览上下文

  • 注释——​​<!-- 注释内容-->​​