程序员html相册源代码_程序员必须知道的HTML常用代码有哪些

A. 程序员必须知道的HTML常用代码有哪些

html+css代码

一、文本设置

1、font-size：号大小

2、font-style：字体格式

3、font-weight：字体粗细

4、颜色属性color：文本颜色

二、超链接设置

text-decoration：参数

参数取值范围：

underline：为文字加下划线

overline：为文字加上划线

line-through：为文字加删除线

blink：使文字闪烁

none：不显示上述任何效果

三、背景

1、背景颜色

background-color：设置背景色

2、背景图片

background-image：url(URL)

URL就是背景图片的存放路径，none表示无。

3、背景图片重复

background-repeat：参数

四、背景

repeat：不重复平铺背景图片

repeat-x：使图片只在水平方向上平铺

repeat-y：使图片只在垂直方向上平铺

如果不指定背景图片重复属性，浏览器默认的是背景图片向水平和垂直两个方向平铺。

4、背景图片固定

background-attachment：参数

背景图片固定控制背景图片是否随网页的滚动而滚动。如果不设置背景图片固定属性，浏览器默认背景图片随网页的滚动而滚动。为了避免过于花哨的背景图片在滚动时转移浏览者的注意力，一般都设为固定。

五、参数取值范围：

fixed：网页滚动时，背景图片相对于浏览器的窗口而言，固定不动。

scroll：网页滚动时，背景图片相对于浏览器的窗口而言，一起滚动。

六、区块

1、单词间距

word-spacing：单词间距

2、字母间距

letter-spacing：字母间距

3、文本对齐

text-align：参数

七、参数的取值：

left：左对齐

right：右对齐

center：居中对齐

justify：相对左右两端对齐

4、垂直对齐

vertical-align: 参数

top：顶对齐

bottom：底对齐

text-top：相对文本顶对齐

text-bottom：相对文本底对齐

baseline：基准线对齐

middle：中心对齐

sub：以下标的形式显示

super：以上标的形式显示

5、文本缩进

text-indent：缩进距离

12px相当于一个文字距离。

6、空格

white-space：参数

八、参数取值范围：

normal默认，空白会被浏览器忽略、pre保留空白、nowrap文本不换行。

7、显示样式

display：参数

九、参数取值范围：

block：块级元素，在对象前后都换行

inline：在对象前后都不换行

list-item：在对象前后都换行，增加了项目符号

none：无显示

十、方框

1、height高度

2、width宽度

3、padding内边距

4、margin外边距

5、float（浮动）：可以让块级元素在一行中排列，例如横向菜单。

6、clear清除浮动

十一、边框

1、样式

border style 参数

边框样式的参数：

none：无边框

dotted：边框为点线

dashed：边框为长短线

solid：边框为实线

double：边框为双线

2、宽度 border width

3、颜色 border color

(1)程序员html相册源代码扩展阅读：

HTML常用代码之修改页面的实用性HTML代码：

贴图：<img src="图片地址">

加入连接：<a href="所要连接的相关地址">写上你想写的字</a>

在新窗口打开连接：<a href="相关地址" target="_blank">写上要写的字</a>

移动字体(走马灯)：<marquee>写上你想写的字</marquee>

字体加粗：<b>写上你想写的字</b>

字体斜体：<i>写上你想写的字</i>

字体下划线: <u>写上你想写的字</u>

字体删除线: <s>写上你想写的字</s>

字体加大: <big>写上你想写的字</big>

字体控制大小：<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大，h5最小)

更改字体颜色：<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间

消除连接的下划线：<a href="相关地址" style="text-decoration:none">写上你想写的字</a>

贴音乐：<embed src="音乐地址" width="宽度" height="高度" autostart=false>

贴flash: <embed src="flash地址" width="宽度" height="高度">

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

换行：<br>

段落：<p>段落</p>

原始文字样式：<pre>正文</pre>

换帖子背景：<body background="背景图片地址">

固定帖子背景不随滚动条滚动：<body background="背景图片地址" body bgproperties=fixed>

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

帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>

贴网页：<iframe. src="相关地址" width="宽度" height="高度"></iframe>

B. 如何把图片插入到html编辑器中

1 html中插入图片使用的是<img>标签。

2 下面是在html页面中插入图片的实例，代码可以直接复制下来到浏览器上运行。代码中src是图片的路劲，运行的时候需要修改成自己的图片路劲。

<!DOCTYPE html>

<html>

<head>

<title>img标签的使用</title>

</head>

<body>

<h2>Norwegian Mountain Trip</h2>

</body>

</html>

3 下面是代码在浏览器上的运行结果：

导航:首页 > 程序命令 > 程序员html相册源代码

程序员html相册源代码

与程序员html相册源代码相关的资料