HTML的一些基本标签及应用

69 阅读 0 评论 46 点赞

我是靠谱客的博主小巧小懒虫，最近开发中收集的这篇文章主要介绍HTML的一些基本标签及应用，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

HTML是指超文本标记语言

HTML作为标记语言，不同于编程语言

HTML是一套标记标签。用以描述网页

在这里会总结一下我学习过程中遇到的HTML标签及其用处

<p>指段落
<q>指短的行内引用
<abbr>指缩写（首字母的缩略语）
<address>指文档作者或拥有者的联系信息
<dfn>指定义项目或缩写的定义
<cite>指著作标题（以斜体的形式）
<bdo>指双向重写（bd-->db）
<blockquote>指从其他源引用的节
<pre>指保持队形，使其能够像计算机代码形式输出
<code>指计算机代码文本
<kbd>指键盘文本
<samp>指计算机代码示例
<code>,<kbd>,<samp>元素都支持固定的字母尺寸和间距。
<var>指定义变量
<sup>指某个数的几次方
<pre>指定义预格式化文本
指注释
指条件注释
<img src=" ">指采用图片（位置/照片名字/）
<body background=" ">指用图形做背景
<body bgcolor=" ">指用颜色来作为背景。（text指字体的颜色）

颜色有三种表达方式
1：#000000 颜色值
2：black 颜色名
3：rgb(0,0,0) RGB值

<table>指表格的开始
<tr>指表格行的开始
<td>指表格数据的开始
<th>指表格的表头
<table border=" ">指定义边框，数字越大，边框越粗。（当没有border时，就没有边框）
<table cellpadding=" ">指单元格边距，必须要先有border。
<table cellspacing=" ">指单元格间距，必须要先有border。
<table bgcolor=" ">指表格里的颜色，必须先有border。
<table background=" ">指在表格里添加图像。
<th colspan=" ">指横跨几列
<th rowspan=" ">指横跨几行
<th align="left/right">指规定单元里的排列内容
<td bgcolor/background=" ">指在单个表格里添加颜色/图像。
<caption>指表格的标题
<thead>指表格的页眉
<tbody>指表格的主体
<tfoot>指表格的页脚
<col>指定义表格列的属性
<colgroup>指表格列的组

<ul>无序列表的开始
<li>无序/有序列表项的开始
<ol>有序列表的开始
<ul type="disc"> 实心小圆圈(无type时时实心小圆圈）
<ul type="circle"> 空心小圆圈
<ul type="square"> 实心小方块
<ol> 数字
<ol type="A/I/i"> 大写字母/大写罗马字母/小写罗马字母
<dl>指定义一个定义列表
<dt>指定义一个定义项目
<dd>指定义一个定义描述
<dir>废除=<ul>
<menu>废除=<ul>

外部样式表：改变外部一点，将是内部所以变化

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
内部样式表：设定特殊的一页
<head>
<style type="text/css">
body{back-color:red}
p{margn-left:20px}
</style>
</head>
内联样式：应用个别元素(改变段落颜色和左边边距）
<p style="color:red;margin-left:20px">
This is a paragraph
</p>

<style>指定义样式
<link>指资源引用
<div>指定义文档中的节或区域

<span>指定义文档中的行内的小块或区域

<font>指规定文本的字体，字体尺寸，字体颜色（不赞成使用）
<basefont>指定义基准字体（不赞成使用）
<center>指使文本水平居中（不赞成使用）
<a href>指创建指向另一个文档的链接

<a name/id>指创建文档内的书签（读者不可见）
<a href="#指向地">提示（查看...）</a>

<div>对HTML布局（CSS对其可以进行定位）
<style>也定义样式
#head/nav/section/footer 先定义出其位置位置（使CSS能够定位）
<div id=" "> 在引出
"header"头部（页眉）
"nav"边（导航链接的容器）
"section"中间部分（文档中的节）
"aside"（独立的自包含文章[比如侧栏]）
"details"（定义额外的细节）
"summary"定义了details的标题
"footer"脚部（页脚）
1:<style>
#...
{（格式要求）}
<div id=" "> "..."
内容
2:<style>
...{（格式要求）}
<body>
<...>
（内容）

<frameset>指框架结构标签，定义如何将窗口分割为框架
<frame>指框架标签，定义放置在每个框架的HTML文档
<frameset ...>="比例" （确定每一个页面所占的比例）
<frame src="名字"> （确定页面名字）
...=cols为垂直页面
...=rows为水平页面

<noframes>指可以使得<frameset>与<body>同时使用。
no resize="noresize"指使得用户不可随意改变页面的边框大小。
<iframe>指定义内联的子窗口[框架]（用于网页内显示网页）
<iframe src="URL">
src source的缩写,指源文件
URL指向隔离页面的位置。
height width分别设置高度和宽度
想要删除边框就不设置height和width，直接把frameborder设置属性值为0。
iframe做链接目标，要引入name。将height和width换成name。

<script>指脚本插入文档,定义客户端脚本，比如JavaScript
<noscript>指当游览器不支持时用
<script type="text/javascript">
document.write("<h1>...</h1>")
</script>
当不支持JavaScript的浏览器
<script tyle="text/javascript">
document.write("...")
</script><noscript>Sorry, your browser does not support JavaScript!</noscript>
注：对于老的游览器，就把script加入注释语句，这样新旧都可以用。