`
QIAN_QIAN
  • 浏览: 139207 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

简单实用的HTML代码

 
阅读更多

一、HTML各种命令的代码:
1
、文本标签(命令)
<pre></pre>
         创建预格式化文本
<h1></h1>
          创建最大的标题
<h6></h6>
          创建最小的标题
<b></b>
           创建黑体字
<i></i>
           创建斜体字
<tt></tt>
          创建打字机风格的字体
<cite></cite>
        创建一个引用,通常是斜体
<em></em>
          加重一个单词(通常是斜体加黑体)
<strong></strong>
      加重一个单词(通常是斜体加黑体)
<font size=?></font>
    设置字体大小,从 1 7
<font color=?></font>
    设置字体的颜色,使用名字或十六进制值 2、图形(命令)
<img src="name">
      添加一个图像
<img src="name" align=?>
  排列对齐一个图像:左中右或上中下
<img src="name" border=?>
  设置围绕一个图像的边框的大小
<hr>
            加入一条水平线
<hr size=?>
         设置水平线的大小(高度)
<hr width=?>
        设置水平线的宽度(百分比或绝对像素点)
<hr noshade>
        创建一个没有阴影的水平线

3
、链接(命令)
<a href="URL"></a>
     创建一个超链接
<a href="mailto:EMAIL"></a>
 创建一个自动发送电子邮件的链接
<a name="NAME"></a>
     创建一个位于文档内部的靶位
<a href="#NAME"></a>
    创建一个指向位于文档内部靶位的链接

4
、格式排版(命令)
<p>
             创建一个新的段落
<p align=?>
         将段落按左、 中、 右对齐
<br>
            插入一个回车换行符
<blockquote></blockquote>
  从两边缩进文本
<dl></dl>
          创建一个定义列表
<dt>
            放在每个定义术语词之前
<dd>
            放在每个定义之前
<ol></ol>
          创建一个标有数字的列表
<li>
            放在每个数字列表项之前,并加上一个数字
<ul></ul>
          创建一个标有圆点的列表
<li>
            放在每个圆点列表项之前,并加上一个圆点
<div align=?>
        一个用来排版大块HTML 段落的标签,也用于格式化表
二、HTML基本语法

文件格式<html></html>(文件的开头与结尾)
主题<title></title>(放在文件的开头)
文头区段<head></head>(描述文件的信息)
内文区段<body></body>(放此文件的内容)
标题<h?></h>(?=1~6,改变标题字的大小)
标题对齐<h align=right,left,center></h>
字加大<big></big>
字变小<small></small>
粗体字<b></b>
斜体字<i></i>
底线字<u></u>
上标字<sup></sup>
下标字<sub></sub>
居中<center></center>
居左<left> < /left>
居右<right> </right>
基本字体大小<basefont size>(取值范围从17,默认值为3)
改变字体大小<font size=?></font>(?=1~7)
字体颜色<font color=#rrggbb></font>(RGB色码)
指定字型<font face=?></font>(?=宋体,楷体等)
网址链结<a href="URL"></a>
设定锚点<a name="?"></a>(?以容易记为原则)
链结到锚点<a href="#?"></a>(同一份文件)
<a href="URL#?"></A>(
锚点不同文件)
显示图形<img src="URL"></a>
图形位置<img src="URL" align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)
图形取代文字<img src="URL"alt=?>(无法显示图形时用)
图形尺寸<img src="URL" width=? height=?>(?以像素为单位)
连结图形边线<img src="URL"border=?>(?以像素为单位)
图形四周留白<img src="URL"hspace=? vspace=?>(?以像素为单位)
段落<p></p>
断行<br></br>
横线<hr>
横线厚度<hr size=?>(?以像素为单位)
横线长度<hr width=?>(?以像素为单位)
横线长度<hr width=?%>(?与页宽相比较)
实横线<hr noshade>(无立体效果)
背景图案<body background=图形文件名>(图形文件格式为gifjpg)
背景颜色<body bgcolor=#rrggbb>(RGB色码)
背景文字颜色<body text=#rrggbb>(RGB色码)
未链结点颜色<body link=#rrggbb>(RGB色码)
已链结点颜色<body vlink=#rrggbb>(RGB色码)
正在链结点颜色<body alink=#rrggbb(RGB色码)

分享到:
评论

相关推荐

    HTML简易计算器源代码.zip

    HTML代码中包含了按钮、输入框等元素,这些元素通过class属性和id属性进行标识,以便在JavaScript中进行操作。例如,每个数字按钮可能都有一个对应的"data-value"属性,用于存储按钮代表的数值,而运算符按钮则有...

    简易京东网页HTML代码(HTML&JS;)

    在本项目中,"简易京东网页HTML代码"是一个HTML课程设计,目的是让学生了解并实践HTML和JavaScript的基础知识,以及如何构建一个模拟京东购物网站的页面。这个设计将涵盖网页的基本结构,布局,链接,以及可能涉及到...

    html5 简单实例源代码

    html5 简单实例源代码

    一些简单的HTML代码

    在这个"一些简单的HTML代码"的资源中,我们可以预期找到一些基础的HTML结构和常见元素的示例,帮助初学者入门或作为参考。 HTML的基本结构通常包括&lt;!DOCTYPE html&gt;声明、&lt;html&gt;标签、标签和标签。&lt;!DOCTYPE html&gt;...

    网页制作实用代码 最简单实用的代码!!!

    网页制作实用代码是每个网页开发者都需要掌握的基础技能,这些代码片段可以帮助我们快速构建美观且功能齐全的网站。在本资源包中,包含了多个与网页制作相关的实用代码示例,让我们一一解析它们的重要性和应用场景。...

    一个简单的HTML网页代码

    一个简单的html代码,可以用txt或者DW打开,就是很基础的一些含表格,主题可替换

    简单HTML代码

    简单HTML代码是指那些基础且易于理解的HTML元素和结构,适用于初学者学习和快速上手。在这里,我们通过分析提供的文件列表来探索HTML网页的基本组成部分。 1. **index.html**:这是网页的主入口文件,通常包含整个...

    一段简单实用的代码.zip

    标题 "一段简单实用的代码.zip" 提供的信息表明,这个压缩包包含的是一段或一组可用于实际应用的代码。在IT行业中,简单的实用代码通常指的是能够解决特定问题、易于理解和执行的小型代码片段。这样的代码可能涵盖...

    2022新年烟花代码html(html制作新年烟花代码+带音效)

    2022新年烟花代码html(html制作新年烟花代码+带音效) 效果展示https://www.lmtaolu.cn/biaobai/xkyanhua/ 新年烟花代码(纯js和html)可以随时嵌入项目的新年烟花代码,复制即可运行。 2022新年烟花代码html(html...

    简单实用的ASP生成html代码

    这个“简单实用的ASP生成html代码”可能是一个示例或工具,它演示了如何使用ASP来自动生成HTML文件。通常,这样的系统可能被用于网站自动化更新,例如,通过定期运行ASP脚本来生成静态HTML页面,以减轻服务器处理...

    静态html网页 代码

    如果你在浏览器中看到预期的网页内容,那就说明HTML代码正确无误。如果你想要修改网页,只需编辑HTML文件,保存后浏览器会自动更新。 总的来说,理解和编写HTML是成为Web开发者的基础,无论是创建个人网站,还是...

    用HTML代码在记事本制作简单网页.pdf

    下面介绍用 HTML 代码在记事本中编写简单网页的方法: 第一步:打开记事本 打开记事本,准备编写 HTML 代码。记事本是一个简单的文本编辑器,能够编写 HTML 代码。 第二步:编写 HTML 代码 开始编写 HTML 代码。...

    html表白代码动态/浪漫的html表白源代码/表白代码大全可复制【好玩的html代码表白】

    html表白代码动态/浪漫的html表白源代码/表白代码大全可复制【好玩的html代码表白】 效果演示http://biaobai-www.diyiyuanma.cn/ 表白网站主页制作代码 114表白网制作源码 新增模板(亲测) 在线制作表白网源码 新年...

    个人主页程序简洁漂亮HTML代码

    【个人主页程序简洁漂亮HTML代码】是一个以HTML为基础的个人主页设计作品,旨在提供一个既美观又高效的网页展示方案。这个程序的特点在于其简洁的设计风格和原创性,使其成为学习和实践HTML网页制作的理想素材,尤其...

    超级简单运行html 代码小工具

    【超级简单运行HTML代码小工具】是一款便捷的代码编辑与预览工具,主要针对HTML代码的快速测试和演示。这款工具结合了Vue.js框架和Ace编辑器,为开发者提供了高效、直观的代码编辑环境,使得在本地环境中快速查看...

    HTML5酷站源码网页HTML5模板源码代码(14个).rar

    01 HTML5 + PHP 清爽靓丽风格全站生成静态深度seo整站纯绿色代码...................06 大气时间轴图片滚动扁平化风格html5模板07 收集一些HTML5+CSS3 +JS的网页常用实例源代码08 灰色居左简洁大气的HTML5网站模板09...

    精心准备开源的html表白代码

    开源的HTML表白代码是一种创新且富有情感表达的方式,让技术与浪漫相结合。这两套精心准备的源码可以帮助你为心爱的人打造独一无二的表白页面,充分展示你的编程技巧和用心。 首先,我们来看“表白html源码(两款)...

    一个简单的网页制作期末作业,学生个人html静态网页制作成品代码

    - **代码实例**: 可以提供部分HTML、CSS和JavaScript代码示例,帮助理解具体的实现方式。 通过以上分析可以看出,这份期末作业不仅涵盖了网页设计的基本要求,而且提供了一个较为完整的框架,学生可以根据自己的...

    html论坛代码大全很有用

    在这个“html论坛代码大全”中,我们可以预见到包含了一系列适用于论坛环境的HTML代码片段,帮助用户在论坛上实现更丰富的展示效果,比如定制个性签名、增强帖子的视觉吸引力等。 在论坛环境中,HTML代码通常受到...

    辞职信代码HTML.zip

    在“辞职信代码HTML.zip”这个压缩包中,我们看到包含了一个简单的HTML代码示例,这可能是用来展示如何用HTML来制作一封辞职信。 在HTML中,网页的基本结构由一系列的标签组成。这些标签通常以尖括号 `和 `&gt;` 包围...

Global site tag (gtag.js) - Google Analytics