当前位置：文档之家 › 实用的html代码

实用的html代码

  • 格式：doc
  • 大小：91.50 KB
  • 文档页数：5

1、文本标签(命令) <pre></pre> <h1></h1> <h6></h6> <b></b> <i></i> <tt></tt> <cite></cite> <em></em> <strong></strong> <font size=?></font> <font color=?></font> 2、图形（命令） <img src=”name”> 添加一个图像 创建预格式化文本 创建最大标题 创建最小的标题 创建黑体字 创建斜体字 创建打字机风格的字体 创建一个引用（通常是斜体） 加重一个单词（通常是斜体加黑体） 加重一个单词（通常是斜体加黑体） 设置字体的大小通常是从 1 到 7 设置字体的颜色， 使用颜色或 16 进值
<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>(取值范围 1-7，默认 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,middie,left,right> 图形取代文字<img src=”URL”alt=?>(无法显示图形时用) 图形尺寸<img src=”URL”width=? heigh=?>(?以像素为单位) 连接图形边线<img src=”URL” border=?>(?以像素为单位) 段落<p></p> 断行<br></br> 横线<hr> 横线厚度<hr size=?>(?以像素为单位) 横线长度<hr width=?>(?像素单位) 横线长度<hr width=?%>(？与页面单位相比较) 实横线<hr noshade>(无立体效果) 背景图案<body background=图形文件名>(图形文件的格式为 gif 或 jpg> 背景颜色<body bgcolor=#rrggbb>(RGB 色码) 背景文字颜色<body text=#rrggbb>(RGB 色码) 未链接点颜色<body link=#rrggbb>(RGB 色码) 已链接点颜色<body vlink=#rrggbb>(RGB 色码)


正在链接点颜色<body alink=#rrggbb>(RGB 色码)











。

合集下载

html简单的购物车界面代码(全选,取消全选,批量删除,清零

html简单的购物车界面代码(全选,取消全选,批量删除,清零

html简单的购物车界面代码(全选,取消全选,批量删除,清零这是一个简单的HTML购物车界面代码，包括全选、取消全选、批量删除和清零功能：<!DOCTYPE html><html><head><title>购物车</title><script>// 全选/取消全选function selectAll() {var checkboxes =document.querySelectorAll('input[name="item"]');for (var i = 0; i < checkboxes.length; i++) {checkboxes[i].checked = true;}}function deselectAll() {var checkboxes =document.querySelectorAll('input[name="item"]');for (var i = 0; i < checkboxes.length; i++) {checkboxes[i].checked = false;}}// 批量删除function deleteSelected() {var checkboxes =document.querySelectorAll('input[name="item"]');for (var i = 0; i < checkboxes.length; i++) {if (checkboxes[i].checked) {checkboxes[i].parentNode.parentNode.remove();}}}// 清零function clearCart() {var cart = document.getElementById('cart');cart.innerHTML = "";}</head><body><h1>购物车</h1><table id="cart"><tr><th><input type="checkbox"onclick="selectAll()" />全选</th><th>商品</th><th>价格</th></tr><tr><td><input type="checkbox" name="item" /></td><td>商品1</td><td>10元</td></tr><tr><td><input type="checkbox" name="item" /></td><td>商品2</td><td>20元</td><tr><td><input type="checkbox" name="item" /></td><td>商品3</td><td>30元</td></tr></table><br /><button onclick="deselectAll()">取消全选</button> <button onclick="deleteSelected()">批量删除</button><button onclick="clearCart()">清零</button></body></html>以上代码展示了一个简单的购物车界面，包含商品列表、全选、取消全选、批量删除和清零功能。

HTML 常用代码大全

HTML 常用代码大全

H T M L常用代码大全-CAL-FENGHAI.-(YICAI)-Company One1HTML 常用代码大全Html 常用代码1.文件类型 <HTML></HTML> （放在档案的开头与结尾）2.文件主题 <TITLE></TITLE> （必须放在「文头」区块内）3.文头 <HEAD></HEAD> （描述性资料，像是「主题」）4.文体 <BODY></BODY> （文件本体）5.层 <DIV></DIV>6.层的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>7.引文区块 <BLOCKQUOTE></BLOCKQUOTE> （通常会内缩）8.强调 <EM></EM> （通常会以斜体显示）9.特别强调 <STRONG></STRONG> （通常会以加粗显示）10 引文 <CITE></CITE> （通常会以斜体显示）11 码 <CODE></CODE> （显示原始码之用）12 小字 <SMALL></SMALL>13 下标 <SUB></SUB>14 上标 <SUP></SUP>15 居中 <CENTER></CENTER> （文字与图片都可以）16 基本字体大小 <BASEFONT SIZE=> （从 1 到 7; 内定为 3）17 说明 <!—说明内容 --> （浏览器不会显示）18 贴图：<img src="图片地址">19 加入连接：<a href="所要连接的相关地址">写上你想写的字</a>20 在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>21 移动字体(走马灯)：<marquee>写上你想写的字</marquee>22 字体加粗：<b>写上你想写的字</b>23 字体斜体：<i>写上你想写的字</i>24 字体下划线: <u>写上你想写的字</u>25 字体删除线: <s>写上你想写的字</s>26 字体加大: <big>写上你想写的字</big>27 标题字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从 h1-h5,h1 最大，h5 最小)28 更改字体颜色：<font color="#value">写上你想写的字</font>(其中 value 值在 000000 与 ffffff(16 位进制)之间29 消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a>30 贴 flash: <embed src="flash 地址" width="宽度" height="高度">31 贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>32 换行：<br>33 段落：<p>段落</p> 34 原始文字样式：<pre>正文</pre>35 换帖子背景：<body background="背景图片地址">36 固定帖子背景不随滚动条滚动：<body background="背景图片地址" bgproperties = fixed>37 定制帖子背景颜色：<body bgcolor="#value">(value 值见 10)38 帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>39 贴网页：<iframe. src="相关地址" width="宽度" height="高度"></iframe>40 字体大小代码:＜font size="2"＞这里放要处理的文字，可用 3、4、5 等设置大小＜/font＞41 字体颜色代码:＜font color="red"＞这里放要处理的文字，可以换成 blue,yellow 等＜/font＞，也可以使用十六进制数字表示如#D5A9C442 文字链接代码:＜a href="网页地址"＞链接的文字，在分类栏里用时链接的网页地址必须缩短＜/a＞43 背景音乐代码：＜bgsound loop="-1" src="这里放音乐地址"＞＜/bgsound ＞44 图片附加音乐代码：＜img border=0 src="这里放图片地址" dynsrc="这里放音乐地址"＞45 浮动图片代码:＜img alt="1" height="150" src="这里放图片地址"/＞这只是文章的一部分，想要了解更多，请到本网站来找您需要的信息{。

阿里国际站必须看得懂的html代码

阿里国际站必须看得懂的html代码

国际站必须看得懂的HTML代码國産〇〇柒大家每天都忙着找关键词，忙着写标题，忙着做各种的优化。

目的就是想把自己的产品排名到前面，获得更多的曝光，带来更多的询盘。

在这个过程中我们是客服同事也是一名搜索优化人员，但是作为搜索优化人员我们往往忽视一个重要的东西，它就是代码。

特别是新人同学更容易忽略这一块。

在做搜索优化中，我们必须要了解这些阿里用得到的基础代码，至少看得懂它，知道它是做什么的。

今天就给大家分享一下阿里里面需要我们看得懂的代码和它的用法。

希望能帮助到大家。

Html是来描述网页的一种超文本标记语言，它不是什么程序语言，仅仅是简单的做网页标记用的语言，简单易学。

它是以html标签的形式成对出现的。

示例：<html></html>。

不区分大小写。

接下来给大家列举一下阿里中我们需要看得懂的标签。

<html>,<title>,<meta>,<p>,<span>,<strong>,<table>,<tr>,<td>,<a>,<img> 一，<html><html></html>,这个标签是HTML代码开始和结束的标记。

其实这个在阿里中我们是用不到的，但是在这里我还是要说一下，就是因为所有的HTML标签都应该出现在它的里面，我们可以任意打开一个网页，进入代码页面去观察一下，每一个正常的页面我们都能够发现它的踪迹。

这里不讲太多，只是让大家知道它的作用。

二，<title>这个是一个非常非常非常重要的标签。

它的重要性并非我们需要去怎么怎么修改它。

它的内容一般会出现在浏览器的标题栏和状态栏。

它是一个页面的标题，也是一个网页页面的概述。

所以在搜索引擎优化中，它是非常非常的重要的一个元素。

在阿里里面每个产品页面的<title>里面的内容就是我们的产品标题和关键词。

HTML滚动代码大全

HTML滚动代码大全

HTML滚动代码大全HTML滚动代码大全[HTML代码]会移动的文字(Marquee)Marquee标记用于在可用浏览区域中滚动文本。

这个标记只适用于IE3以后的版的浏览器。

格式：<MARQUEE ALIGN="…"BEHAVIOR="…"BGCOLOR="…"DIRECTION="…"HEIGHT="…"WIDTH="…"HSPACE="…"VSPACE="…"LOOP="…"SCROLLAMOUNT="…"SCROLLDELAY="…"ONMOUSEOUT=this.start()ONMOUSEOVER=this.stop()>…</MARQUEE>属性：ALIGN：用于按设定的值对齐滚动的文本。

ALIGN可以设定的值有：LEFT，CENTER，RIGHT，TOP，BOTTOM。

此属性不是必须使用的。

例：<MARQUEE ALIGN="TOP">这段滚动文字设定为上对齐</MARQUEE>BEHAVIOR：可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。

如果设定的方法是SLIDE，那么文本就移动到文档上，并停留在页边距上。

如果设定为ALTERNATE，则文本从一边移动到另一边。

如果设定为SCROLL，文本将在页面上反复滚动。

本属性不是必须使用的。

可以设定的值有：SILIDE，ALTERNATE，SCROLL。

例：<MARQUEE BEHAVIOR="ALTERNATE">文字从一边移动到另一边</MARQUEE>BGCOLOR：用于设定字幕的背景颜色。

背景颜色可用RGB、16进制值的格式或颜色名称来设定。