快速掌握HTML基础||简洁明了

最新推荐文章于 2022-05-03 08:00:00 发布

余白Y

最新推荐文章于 2022-05-03 08:00:00 发布

阅读量166

点赞数 1

分类专栏： HTML 文章标签： HTML

本文链接：https://blog.csdn.net/qq_37387886/article/details/103009489

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

HTML （HyperText Markup Language 超文本标签语言）

一般来说，写HTML的就Dreamweaver和sublime text

----------------------------------------------------------------------------
<html></html>   定义 HTML 文档，全部东西都写在里面
----------------------------------------------------------------------------
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
       HTML 文档的元信息，设置文档编码格式等
       需要写在<head></head>里面开头
----------------------------------------------------------------------------
<head></head>   文档的信息
----------------------------------------------------------------------------
<body></body>   可见的页面内容
----------------------------------------------------------------------------
<title></title>   文档的标题，需要写在<head></head>里面
----------------------------------------------------------------------------
<link>   文档与外部资源的关系
----------------------------------------------------------------------------
<style></style>   文档的样式信息
----------------------------------------------------------------------------
<h1></h1>   标题，并且设置字体大小（h1~h6）
   h1{
                   font-size:40px;
                   color:#956;
                   text-align:center;
          }//设置h1的设置字体大小，颜色，位置，需要在<style></style>里面设置
----------------------------------------------------------------------------
<b></b>    粗体字
----------------------------------------------------------------------------
<strong></strong>   粗体字(强调)
----------------------------------------------------------------------------
<i></i>                         斜体字
----------------------------------------------------------------------------
<em></em>                 斜体字(强调)
----------------------------------------------------------------------------
<center></center>     居中文本
----------------------------------------------------------------------------
<ul></ul>                    无序列表
----------------------------------------------------------------------------
<ol></ol>                    有序列表
----------------------------------------------------------------------------
<li></li>                       列表项目
----------------------------------------------------------------------------
<a href=””></a>       超链接
----------------------------------------------------------------------------
<font>                            定义文本字体尺寸、颜色、大小
----------------------------------------------------------------------------
<sub>                            下标
----------------------------------------------------------------------------
<sup>                            上标
----------------------------------------------------------------------------
<br />                            换行符
----------------------------------------------------------------------------
<p></p>                               段落
----------------------------------------------------------------------------
<div></div>       定义层
----------------------------------------------------------------------------
<img src="http://...(这里中间写img_path)...0.jpg" >
       添加一张图片，来源于img_path
----------------------------------------------------------------------------
<hr>                   添加一条水平线，此标签单独使用即可
----------------------------------------------------------------------------
<del>                  加删除线
----------------------------------------------------------------------------
<form></form>    定义供用户输入的 HTML 表单
----------------------------------------------------------------------------
<frame>                 定义框架集的窗口或框架
----------------------------------------------------------------------------
<span style="color:blue"></span>   对标签内的文本进行着色，此为blue
       也可在<style></style>里面设置
           span{
                   color:blue;
           }
----------------------------------------------------------------------------
<blockquote></blockquote>       长文本引用文本标签
----------------------------------------------------------------------------
<address></address>   地址标签
----------------------------------------------------------------------------
<code></code>       中间写要显示给用户看的代码
   如果是多行代码，可以使用<pre></pre>标签
----------------------------------------------------------------------------
<ul>
   <li>第一个</li>
   <li>第二个</li>
   ...
    </ul>       信息列表标签，无序号排列
----------------------------------------------------------------------------
<ol>
   <li> 我的第一个列表信息</li>
   <li>我的第二个列表信息</li>
   ...
    </ol>       信息列表标签，有序号排列
----------------------------------------------------------------------------
<div></div>   划分独立的逻辑部分
----------------------------------------------------------------------------
<div id= "Yanghui"></div>   提供唯一的名称
----------------------------------------------------------------------------
<table></table>   制表标签
----------------------------------------------------------------------------
<table summary="联想垃圾耳机"></table>   中间部分为摘要，不会显示
----------------------------------------------------------------------------
<tr></tr>   表示一行，用在<table>中
----------------------------------------------------------------------------
<td></td>   表示一列，用在<table>中
----------------------------------------------------------------------------
<th></th>   加深字体，表示表头属性
----------------------------------------------------------------------------
<tbody></tbody>   表示表格主体（正文）
----------------------------------------------------------------------------
<thead></thead>   表示表格表头
----------------------------------------------------------------------------
<tfoot></tfoot>   表示表格页脚
----------------------------------------------------------------------------
<caption></caption>   表格标题文本
----------------------------------------------------------------------------
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
----------------------------------------------------------------------------
----------------------------------------------------------------------------
<form   method="传送方式"   action="浏览者输入的数据被传送到的地方"></form>   交互
----------------------------------------------------------------------------
<label for="username">用户名:</label>   输出：用户名：
----------------------------------------------------------------------------
<input type="text" name="username" id="username" value="" />
   输出一个用户输入用户名的文本框
----------------------------------------------------------------------------
<input type="submit" value="确定" name="submit" />
   一个“确定”的按钮
----------------------------------------------------------------------------
<textarea>在这里输入内容...</textarea> 用户输入用大文本框
----------------------------------------------------------------------------
cols ：多行输入域的列数。
rows ：多行输入域的行数。
   eg：<textarea cols="50" rows="10"></textarea>
----------------------------------------------------------------------------
<input type="radio" value="1" name="gender-man" />
   type="radio"    单选框
   type="checkbox"   复选框
----------------------------------------------------------------------------
<select>
      <option value="看书">看书</option>
      <option value="购物">购物</option>
    </select>   下拉选项框
----------------------------------------------------------------------------
<select multiple="multiple"></select>   下拉复选项框
----------------------------------------------------------------------------
<option value="运动" selected="selected">运动</option>
   中间加了selected="selected"意为默认选项
----------------------------------------------------------------------------
注释标签
----------------------------------------------------------------------------
<!DOCTYPE> 声明标签
   <!DOCTYPE> 声明必须是 HTML文档的第一行，位于 <html>标签之前。<!DOCTYPE>声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML版本进行编写的指令。
   1）HTML 4.01 Strict该 DTD包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font），不允许框架集（Framesets）
   eg：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">

2）HTML 4.01 Transitional 包含所有 HTML元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。
eg：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

3）HTML 4.01 Frameset 等同于 HTML 4.01 Transitional，但允许框架集内容。
eg：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd">

在 HTML5 中只有一种：<!DOCTYPE html>
----------------------------------------------------------------------------
<a>标签    定义和用法
<a>标签定义超链接，用于从一张页面链接到另一张页面。
<a>元素最重要的属性是 href属性，它指示链接的目标。
eg：下面是指向w3school的超链接
<a href="http://www.w3school.com.cn">W3School</a>
   在当前窗口打开
<a href="http://www.w3school.com.cn"target="_blank">W3School</a>
   在新的窗口打开
----------------------------------------------------------------------------
----------------------------------------------------------------------------
转义字符

<    <
>    >
空格     
©    ©
®    ®
™    ™
----------------------------------------------------------------------------
----------------------------------------------------------------------------
另加16进制颜色，但仅仅有16种颜色名可用英文字母，其余的要用16进制值。

aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow

余白Y

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
快速掌握HTML基础||简洁明了

HTML （HyperText Markup Language 超文本标签语言）一般来说，写HTML的就Dreamweaver和sublime text----------------------------------------------------------------------------<html></html> 定义 HTML 文档，全部...
复制链接

扫一扫

专栏目录