html简介

  • HTML，全称“Hyper Text Markup Language（超文本标记语言）” 。

html基本的标签

head标签

<title> 定义网页的标题

<meta> 定义网页的基本信息

<style> 定义css样式

<link> 链接外部css文件或脚本文件

<script> 定义脚本语言

<base> 定义页面所有链接的基础定位

body标签

段落与文字

<h1><h1>~<h6><h6> 标题（header）

<p> 段落（paragraph）

<br> 换行（break）

<hr> 水平线（horizontal rule）

<div> 分割 [块元素]（divsion）

<span> 区域[行内元素]（span）

  • 块元素：<h1>~<h6>,p,hr,div

    特点：

    1. 独占一行，排斥其他元素与其同一行，包块块元素与行内元素。
    2. 块元素内部可以容纳其他块元素或行元素。

  • 行内元素：<strong>,<em>,<span>

    特点：

    1. 可以与其他行内元素同一行。
    2. 行内内部可以容纳其他行内元素，但不可以容纳块元素。

  • 标签分类：一般标签：有开始符号和结束符号（有始有终） <body><body>

​ 自闭合标签：只有开始符号没有结束符号<br/>

文本格式化标签

<strong> 字体加粗

em 斜体

cite 引用

<sup> 上标

<sub> 下标

列表

<ol> 有序列表（ordered list）

type值属性：1 数字1，2，3

a 小写字母a，b，c

A 大写字母A, B, C

i 小写罗马数字

I 大写罗马数字

<ul> 无序列表（unordered list）

type值属性：disc 默认值，实心原点

circle 空心圆

square 实心正方形

<dl> 定义列表（definition list）:

<dl> 定义列表（definition list) :定义列表的开始和结束

<dt> 定义名词（definition term) ：后面添加要解释的名词

<dd> 定义描述 (definition description) ：后面添加该名词的具体描述

列表内放 <li> 标签：列表项（list ltem)

表格

表格基本标签

<table> 表格

<tr> 表格行（table row）

<td> 表格单元格（table data）

表格基本结构

<thead> 表头

<tbody> 表身

<tfoot> 表教

<th> 表头单元格 （table header）

  • 在表格钟，合并行，合并列也是我们常用的方法。

图像标签

img 常用属性

<src> 图像的文件地址

<alt> 图片显示不出来时的提示文字

<title> 鼠标移动到图片的提示文字

  • 相对路径： 引用的文件位置是相对当前文件的位置而言
  • 绝对路径： 指的是文件的完整路径
  • 图片格式：
    1. jpg ： 可以较好的处理大面积色调的图像
    2. png： 图片体积小，可以无损压缩
    3. gitf：图像效果较差，可以制作动画

链接

超链接使用a标签

<a href="链接地址" target="目标窗口的打开方式">

  • target属性值：
    1. _self：默认方式，当前窗口打开链接。
    2. _blank: 在一个新窗口中打开链接
    3. _top: 在顶层框架中打开链接
    4. _parent: 在当前框架的上一层里打开链接

表单

input 表单

type属性值：

  1. text：单行文本框
    1. password：密码文本框
      1. button：按钮
      2. reset： 重置按钮
      3. image： 图像形式的提交按钮
      4. radio： 单选按钮
      5. checkbok： 复选按钮、
      6. gidden：隐藏字段
      7. files： 文件上传
      8. <textarea rows="行数" cols="列数">多行文本框内容</textarea> :多行文本框

音频

插入音频：

<embed src="多媒体文件地址" width="播放界面的宽度" height="播放界面的高度"></embed>

插入背景音乐

<bgsound src="背景音乐的地址"/>

loop="2"表示重复2次，loop="infinite"或者loop="-1"表示无限次循环播放