当前位置:首页 » 好文分享 » 详情

    简单实用的HTML代码

    HTML(英文:HyperText Markup Language,HTML)是一项很简单的t电脑语言。是为「建立网页和在浏览器中看到网页的讯息」的代码。

     HTML 代码是任何网站的基石, 简单的说就是在一个页面上写一些文字,有时候需字体要用不同的颜色,有时候需要用斜体表示,有时候文字需要显示的大一些,有时候 一些文字需要用黑体来表示 其重要性,或许您的网页需要加图片,或者整个网页用了一个特别的背景颜色,或者加上一个链接(网友点击以后进入其他网页)等 等……

     网页设计必须掌握HTML知识,学习了以下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>
    居左<left> </left>

    居右<right> </right>

    居中<center></center>

    基本字体大小<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,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 noshade>(无立体效果)

    横线长度<hr width=?>(?以像素为单位)

    横线长度<hr width=?%>(?与页宽相比较)

    横线厚度<hr size=?>(?以像素为单位)
    背景图案<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各种命令的代码:
     1、文本标签(命令)
     <pre></pre>         创建预格式化文本
     <h1></h1>          创建最大的标题

    <h6></h6>          创建最小的标题

    <i></i>           创建斜体字

    <b></b>           创建黑体字
     <tt></tt>          创建打字机风格的字体
     <cite></cite>        创建一个引用,通常是斜体
     <em></em>          加重一个单词(通常是斜体加黑体)
     <strong></strong>      加重一个单词(通常是斜体加黑体)
     <font size=?></font>     设置字体大小,从 1 到 7

    <font color=?></font>    设置字体的颜色,使用名字或十六进制值


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

    <a href="#NAME"></a>     创建一个指向位于文档内部靶位的链接 

     

    3、图形(命令)
     <img src="name">       添加一个图像
     <img src="name" align=?>   排列对齐一个图像:左中右或上中下
     <img src="name" border=?>  设置围绕一个图像的边框的大小
     <hr>             加入一条水平线
     <hr size=?>         设置水平线的大小(高度)
     <hr width=?>         设置水平线的宽度(百分比或绝对像素点)
     <hr noshade>         创建一个没有阴影的水平线

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


     简单实用的HTML代码形式:

    1)贴图:<img src="图片地址">

    2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>
    3)在新窗口打开连接:<a href="相关地址" target="_blank">写上要写的字</a>
    4)移动字体(走马灯):<marquee>写上你想写的字</marquee>
    5)字体加粗:<b>写上你想写的字</b>
    6)字体斜体:<i>写上你想写的字</i>
    7)字体下划线: <u>写上你想写的字</u>
    8)字体删除线: <s>写上你想写的字</s>
    9)字体加大: <big>写上你想写的字</big>
    10)字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)
    11)更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间
    12)消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

    13)贴音乐:<embed src=音乐地址 width=300 height=45 type=audio/mpeg autostart="false">

    14)贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>

    15)贴flash: <embed src="flash地址" width="宽度" height="高度">
    16)换行:<br>
    17)段落:<p>段落</p>
    18)原始文字样式:<pre>正文</pre>
    19)换帖子背景:<body background="背景图片地址">
    20)固定帖子背景不随滚动条滚动:<body background="背景图片地址" body 

    bgproperties=fixed>

    21)帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>

    22)定制帖子背景颜色:<body bgcolor="#value">(value值见10)

    23)贴网页:<iframe src="相关地址" width="宽度" height="高度"></iframe>

    以上代码只是基本的,还有更多代码有待大家分享的。

    打赏
    X
    打赏方式:
    • 支付宝
    • 微信
    • QQ红包

    打开支付宝扫一扫
    日期:2013年01月11日 06:47:32 星期四   分类:好文分享   浏览(63994)   评论(5)
    本文地址:https://www.blogs.hk/post-74.html   [百度已收录]
    声明:本页信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!
    上一篇:心态决定命运
    下一篇:
    版权所有:《博客之家
    文章标题:《简单实用的HTML代码
    除非注明,文章均为 《博客之家》 原创
    转载请注明本文短网址:https://www.blogs.hk/post-74.html  [生成短网址]

    留言咨询

    自动获取QQ

    昵称

    邮箱

    网址

    4楼、小灬通 [回复该留言]
    2014-05-28 09:56
    感觉比较全,适合我这种菜鸟。收藏了!
    3楼、无名智者 [回复该留言]
    2013-01-11 21:31
    如果是为了写份文档的话,用word还不错
    2楼、link [回复该留言]
    2013-01-11 18:19
    回访来了,文章不错,适合刚入门的朋友
    李明 [回复该留言]
    2013-01-11 20:26
    @link:我也刚入门的,大家努力吧!
    1楼、空城旧梦 [回复该留言]
    2013-01-11 13:08
    这些其实就是usb

        站点统计

        • 收录网址:3370 个
        • 发布文章:3008 条
        • 在线人数:1人
        • 总访问量:270545995次
        • 本站运行:12年5月3天
        Copyright © 2025 博客之家 版权所有  
        關於本站免責聲明sitemap新站登錄