HTML Overview

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编码
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值