HTML Overview

最新推荐文章于 2024-11-06 07:00:19 发布

原创最新推荐文章于 2024-11-06 07:00:19 发布 · 471 阅读

0 ·

CC 4.0 BY-SA版权

Web 专栏收录该内容

2 篇文章

订阅专栏

本文深入浅出地介绍了HTML的基本概念、语法、标签及其用途，包括注释、基本标签、格式化标签、超链接、头信息、图形、表格、列表、区块、表单、框架和辅助信息等。

HTML(Hyper Text Markup Language)
HTML不区分大小写，但标签和属性通常都是小写
大多数HTML的元素被定义为块级元素和内联元素，块级元素以新行开始，内联元素不会以新行开始

注释

<!-- HTML注释 -->

基本标签

<html> 根标签
<head> 头信息
<body> 显示信息

<h1><h2><h3> 标题
<p> 段落
<a> 超链接
<img> 图像

<br> 换行
<hr> 水平线

格式化标签

<b> 粗体
<i> 斜体
<ins> 下划线
<del> 删除线
<sub> 下标
<sup> 上标
<small> 小号字

超链接

<a id="tips" href="URL" target="method">

id: 用于定位元素
<a href="#tips">可以跳转到该元素

target: 指定链接打开方式
_self - 默认，在当前窗口打开
_bland - 在新窗口打开
_parent - 在父框架打开
_top - 在顶级框架打开
(framename) - 在指定框架中打开

头信息

<title> 定义文档标题
<meta> 定义元数据，不会被显示但会被浏览器解析
<script> 定义脚本，通常是JavaScript
<style> 定义文档样式

<base> 设定默认链接地址及默认打开方式
<base href="defaultURI" target="defaultMethod">
没有指定URI的链接（相对路径）会使用defaultURI作为前缀
没有指定target的会使用defaultMethod作为打开方式

<link> 用于链接外部资源，通常是CSS样式表
<link rel="stylesheet" type="text/css" href="simple.css">
rel - 定义当前文档与链接文档的关系
type - 指定链接文档的MIME类型
href - 指向链接文档的位置

图形

<img src="graph.jpg" alt="insteadText" width="100" height="100">
alt - 无法加载图像时使用alt指定的文本进行替换

表格

<table> 定义表格
<tr> 定义表格的行
<td> 定义表格单元
<th> 定义单元表头

<thead><tbody><tfoot> 定义表格的加载顺序，head->body->foot

<col><colgroup> 定义表格列的属性

列表

<ul> 定义无序列表
<ol> 定义有序列表
<li> 定义列表项

<dl> 自定义列表
<dt> 列表标题
<dd> 列表内容

区块

<div> HTML元素的容器，一般用于排版
<span> 文本容器，一般用于设定局部文字样式

表单

<form> 定义一个表单

文本域 <input type="text">
密码段 <input type="password">
单选 <input type="radio">
复选 <input type="checkbox">
提交 <input type="submit">
按钮 <input type="button">

<select> 定义一个下拉列表
<option> 下拉选项，selected属性表示默认选中

框架

<iframe> 内联框架，在页面里生成内部框架
<frameset> 定义框架集，包含多个子框架，每个子框架都有独立的文档
<frame> 定义子框架
<noframe> 不支持子框架时显示该内容

辅助信息

<!DOCTYPE> 有助于浏览器正确显示文档内容(判断HTML版本)
<!DOCTYPE html> 通用声明

<meta charset="UTF-8"> 指定文档使用UTF-8编码