HTML使用方法篇

一:颜色代码

如果你想使用某种颜色,取得它的颜色值即可。比如,您想改变某些文字的颜色,您可以使用下面的代码:改变#符号后的代码即可改变颜色

二:文字加粗倾斜的代码

◆文字加粗的代码是:你好◆文字倾斜的代码是:你好!◆底线字:

三:文字链接代码

如果您想点击某处文字会连接到另外一个网页的效果,这是超链接,代码是这样:

共享空间如果要点了这个文字以后重新打开一个窗口的话,代码是:共享空间

四:在网站上放图片的代码

如果你看到一个好看的图片想放到网站上,代码是这样的:

后面的数字调节图片的尺寸大小。

五:图片链接代码

如果要点一下图片就能打开一个网站的链接代码是这样的:

如果要点一下图片就能打开一个网站的链接,并且重新打开一个窗口。代码是这样的:

上面的数字都能调节图片尺寸大小。

六:换行代码

如果你想换行,直接用Enter键是不行的,需要在您想换行的位置输入

,这样就会分成两行显示,整个网站看起来也不会是一大片了,而是段落分明。

七:文字移动的代码是

这里写文字

八:移动图片的代码

把里面的图片地址换成你的就行想多放一个图片就按照格式在中间插入:

里面的图片地址自己定。

九:背景音乐的代码

如果想在你的网站上放上一段好听的背景音乐,代码是:

里面的背景音乐地址你能自己替换。

前面的是音乐地址,一般都以mid或者mp3的形式结尾后面的数字是播放次数。

http://www.midifan.com/midi/

这个网站都有好的背景音乐

十:在网站中插入一个flash动画的代码是

src="http://flash.shangdu.com/view/2/fff.swf";>里面的动画地址换成你的.动画地址都要以swf的形式结尾。这点需要注意。

十一:打开网站时候出现的欢迎词代码

十二:关闭网站的时候出现的话

十三:打开网站的时候自己做一个弹出窗口的广告

varTimerID=1;

window.open('http://163.com'/;,'','width=600,height=300,left=100,top=50');

里面的http://163.com/这个是你预先做好的一个网页,后面的数字是调节大小和位置的,你自己多试验几次。

十四:鼠标感应字体变红色

代码如下:插在

之间

TD{
FONT-SIZE:12px
}
BODY{
FONT-SIZE:12px
}
INPUT{
FONT-SIZE:12px
}
A:link{
COLOR:#000000;TEXT-DECORATION:none
}
A:visited{
COLOR:#000000;TEXT-DECORATION:none
}
A:active{
COLOR:blue;TEXT-DECORATION:none
}
A:hover{
COLOR:red;TEXT-DECORATION:underline
}.so{
BORDER-RIGHT:1pxridge;BORDER-TOP:#ffffff1pxridge;FONT-SIZE:12px;BORDER-LEFT:#ffffff1pxridge;BORDER-BOTTOM:1pxridge;BACKGROUND-COLOR:#cccccc
}

十五:禁止他人复制你网页的代码:

十六:把其它网页放入自已网页中的代码:

网页中使用CSS样式表的五种方法

一、使用STYLE属性

将STYLE属性直接加在个别的元件标签里,

例如:

这种用法的优点是可灵巧应用样式於各标签中,但是缺点则是没有整篇文件的『统一性』。

二、使用STYLE标签

将样式规则写在标签之中。

例如:

通常是将整个的结构写在网页的

部份之中。这种用法的优点就是在於整篇文件的统一性,只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。

三、使用LINK标签

将样式规则写在.css的样式档案中,再以标签引入。

假设我们把样式规则存成一个example.css的档案,我们只要在网页中加入

即可套用该样式档案中所制定好的样式了。通常是将LINK标签写在网页的

部份之中。这种用法的优点就是在於可以把要套用相同样式规则的数篇文件都指定到同一个样式档案即可。缺点也是在个别文件或元件的灵活度不足。

四、使用@import引入

跟LINK用法很像,但必放在中。

例如:

要注意的是,行末的分号是绝对不可少的!

五、使用标记引入样式

本文转载自中文网

HTML与CSS各种代码与用法,几种关于html和css的使用方法相关推荐

  1. css修改代码,网站模板修改中常用到的CSS代码详解

    在上一篇文章中,提到了一些修改网站模板中常用到的方法,工具.但其中也牵涉到不到关于CSS样式表的一些知识,对于这些知识,缺乏的还占大多数,今天我就将常用的一些CSS样式表语法整理一下,发出来给大家,希 ...

  2. css倒序循环,不借助后台和 JS ,只用 CSS 让一个列表编号倒序

    我正在做一个项目,其中有一个倒序的列表.列表创建时间降序排序的,这里我想在语义和视觉上都能体现出来(让列表显示对应的编号,编号越大表示是最新的).网上做了一些研究,找到了一些有趣的解决办法,有些很好, ...

  3. css中hideFocus的用法

    css中hideFocus的用法 简单说:hideFocus是对超链接外虚线框的设定! hideFocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于: onFocus="this.b ...

  4. 根据屏幕分辨率获取css,根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码...

    既判断分辨率,也判断浏览器 重新完善代码,使之成为判断浏览器类型屏幕分辨率自动调用不同CSS的代码. 解释: var IE1024=""; var IE800="&quo ...

  5. jsoup获得css,Jsoup代码解读之五-实现一个CSS Selector

    Jsoup代码解读之七-实现一个CSS Selector 当当当!终于来到了Jsoup的特色:CSS Selector部分.selector也是我写的爬虫框架webmagic开发的一个重点.附上一张s ...

  6. css练习题4,复习webpack4之CSS文件代码分割

    之前学习过webpack3的知识,但是webpack4升级后还是有很多变动的,所以这次重新整理一下webpack4的知识点,方便以后复习. 这次学习webpack4不仅仅要会配置,记住核心API,最好 ...

  7. html nthchild作用,详解CSS中:nth-child的用法

    前端的哥们想必都接触过css中一个神奇的玩意,可以轻松选取你想要的标签并给与修改添加样式,是不是很给力,它就是":nth-child". 下面我将用几个典型的实例来给大家讲解:nt ...

  8. HTML+CSS常用代码

    HTML+CSS常用代码(笔记) 注释标签:对代码进行说明 <!-- 单行注释,也可以对多行文字进行注释 --> 常用格式标签 <b>加粗</b> <i> ...

  9. CSS样式 float浮动用法

    CSS样式 float浮动用法 前言 Css样式的float浮动属性,用于设置标签对象(如:<div>标签盒子.<span>标签.<a>标签.<em>标 ...

最新文章

  1. zipfile java 解压速率,使用java.util.ZipFile在同一层次中解压缩zipfile
  2. 独家 | 不同机器学习模型的决策边界(附代码)
  3. 解决ReSharper自动删除换行
  4. Linux网络相关知识
  5. swfheader 0.10 Released(已更正下载地址)
  6. 数据结构(7)—— 排序总结
  7. 监听网页微信扫码支付成功_网付扫码点餐新福利,消费者点餐可获微信支付金币奖励...
  8. 我的城市,我的汽车:Autoblog 摄影大赛
  9. 信息安全的技术研究相关站点
  10. 【Python】包管理工具pip
  11. 查看mysql 二进制日志_Mysql主从复制原理及搭建
  12. tolua unity 报错_关于LUA+Unity开发_toLua篇【二】
  13. 【唐老狮】Unity和UE4两大游戏引擎,你该如何选择?
  14. linux中prometheus的使用
  15. 华为服务器2288h v3修复RAID,华为RH2288H V3服务器配置RAID(阵列卡LSI SAS3108)
  16. 两数互素有什么性质_如何定义两个数互素的程度?
  17. 信息学奥赛(NOIP/CSP-J/S)学习全目录
  18. python matplotlib画爱心
  19. [C/C++]华为8-19笔试题
  20. 中小型网站架构分析和优化

热门文章

  1. PCL之估计点云子集的表面法线
  2. php访问数据库例子,PHP访问MSSQL数据库(实例代码)
  3. 在计算机中 ascii码是几位二进制编码,ASCII码采用多少位二进制编码
  4. 网络通信第一课 C++封装HTTP请求报文说明
  5. python| map()函数应用详解
  6. 戴尔推出PowerEdge T30,主打小型办公和家庭办公市场
  7. 帕雷诺的个展“共此时”在沪开幕 体验真实与虚妄的交错人生
  8. 学习Oracle的三重境界
  9. 何必!放着985双一流专业不读,非要当程序员去内卷!
  10. 微信小程序架构分析 (中)