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

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: 参数

参数取值范围：

no-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 参数

列表

list-style-type 列表样式

不同浏览器的列表符可能不相同，可能会影响到网页，所以网页中的列表大多都是由背景显示。

控制用户界面的样式

鼠标

cursor：鼠标形状参数

CSS鼠标形状参数表：

鼠标形状：CSS代码

style="cursor:hand"手形

style="cursor:crosshair" 十字形

style="cursor:text"文本形

style="cursor:wait"沙漏形

style="cursor:move" 十字箭头形：

style="cursor:help"问号形

style="cursor:e-resize"右箭头形

style="cursor:n-resize"上箭头形

style="cursor:nw-resize" 左上箭头形

style="cursor:w-resize"左箭头形

style="cursor:s-resize"下箭头形

style="cursor:se-resize" 右下箭头形

style="cursor:sw-resize" 左下箭头形

HTML常用代码之：结构性定义

文件类型<HTML></HTML> （放在档案的开头与结尾）

文件主题<TITLE></TITLE> （必须放在「文头」区块内）

文头<HEAD></HEAD> （描述性资料，像是「主题」）

文体<BODY></BODY> （文件本体）

标题<H></H> （从1到6，有六层选择）

标题的对齐 <HALIGN=LEFT|CENTER|RIGHT></H>

区分<DIV></DIV>

区分的对齐 <DIVALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>

引文区块<BLOCKQUOTE></BLOCKQUOTE> （通常会内缩）

强调<EM></EM> （通常会以斜体显示）

特别强调<STRONG></STRONG> （通常会以加粗显示）

引文<CITE></CITE> （通常会以斜体显示）

码<CODE></CODE> （显示原始码之用）

样本<SAMP></SAMP>

键盘输入<KBD></KBD>

变数<VAR></VAR>

定义<DFN></DFN> （有些浏览器不提供）

地址 <ADDRESS></ADDRESS>

大字<BIG></BIG>

小字<SMALL></SMALL>

与外观相关的标签（作者自订的表现方式）

加粗<B></B>

斜体<I></I>

底线<U></U> （尚有些浏览器不提供）

删除线<S></S> （尚有些浏览器不提供）

下标<SUB></SUB>

上标<SUP></SUP>

打字机体<TT></TT> （用单空格字型显示）

预定格式<PRE></PRE> （保留文件中空格的大小）

预定格式的宽度<PRE WIDTH=></PRE>（以字元计算）

向中看齐<CENTER></CENTER> （文字与都可以）

闪耀<BLINK></BLINK> （有史以来最被嘲弄的标签）

字体大小 <FONTSIZE=></FONT>（从1到7）

改变字体大小 <FONTSIZE=+|-></FONT>

基本字体大小 <BASEFONTSIZE=> （从1到7; 内定为3）

字体颜色 <FONTCOLOR="#$$"></FONT>（$$为颜色代码）

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>

HTML常用代码之：常常会遇到的问题

点击关闭窗口

<a href="javascript:topwindowclose();">点击关闭窗口</a>！

请问如何去掉主页右面的滚动条？

如何做到让一个网页自动关闭

<html>

<head>

</object>

</head>

<body >

这个窗口会在10秒过后自动关闭,而且不会出现提示 </body>

如何在不刷新页面的情况下刷新css

<style>

button{ color:#000000;}

</style>

<button nclick=documentstyleSheets[0]rules[0]stylecolor=‘‘‘‘red‘‘‘‘>点击按钮直接修改style标签里button选择符使按钮改为红色</button>

请问如何让网页自动刷新？

在head部记入<META >

删除Normaldot

位置C:Documents and SettingsAdministratorApplication DataMicrosoftTemplates关闭WORD的情况下删除,再重新WORD即可。

Microsoft Office Word是微软公司的一个文字处理器应用程序。

它最初是由Richard Brodie为了运行DOS的IBM计算机而在1983年编写的。随后的版本可运行于Apple Macintosh (1984年)、SCO UNIX和Microsoft Windows (1989年)，并成为了Microsoft Office的一部分。

Word给用户提供了用于创建专业而优雅的文档工具，帮助用户节省时间，并得到优雅美观的结果。

一直以来，Microsoft Office Word 都是最流行的文字处理程序。

作为 Office 套件的核心程序， Word 提供了许多易于使用的文档创建工具，同时也提供了丰富的功能集供创建复杂的文档使用。哪怕只使用 Word 应用一点文本格式化 *** 作或处理，也可以使简单的文档变得比只使用纯文本更具吸引力。

1、系统图或框图：用符号或带注释的框，概略表示系统或分系统的基本组成、相互关系及其主要特征的一种简图。2、电路图：用图形符号并按工作顺序排列，详细表示电路、设备或成套装置的全部组成和连接关系，而不考虑其实际位置的一种简图。目的是便于详细理解作用原理、分析和计算电路特性。3、功能图：表示理论的或理想的电路而不涉及实现方法的一种图，其用途是提供绘制电路图或其他有关图的依据。4、逻辑图：主要用二进制逻辑（与、或、异或等）单元图形符号绘制的一种简图，其中只表示功能而不涉及实现方法的逻辑图叫纯逻辑图。5、功能表图：表示控制系统的作用和状态的一种图。6、等效电路图：表示理论的或理想的元件（如R、L、C）及其连接关系的一种功能图。7、程序图：详细表示程序单元和程序片及其互连关系的一种简图。8、设备元件表：把成套装置、设备和装置中各组成部分和相应数据列成的表格其用途表示各组成部分的名称、型号、规格和数量等。9、端子功能图：表示功能单元全部外接端子，并用功能图、表图或文字表示其内部功能的一种简图。10、接线图或接线表：表示成套装置、设备或装置的连接关系，用以进行接线和检查的一种简图或表格。⑴单元接线图或单元接线表：表示成套装置或设备中一个结构单元内的连接关系的一种接线图或接线表。（结构单元指在各种情况下可独立运行的组件或某种组合体）⑵互连接线图或互连接线表：表示成套装置或设备的不同单元之间连接关系的一种接图或接线表。（线缆接线图或接线表）⑶端子接线图或端子接线表：表示成套装置或设备的端子，以及接在端子上的外部接线（必要时包括内部接线）的一种接线图或接线表。⑷电费配置图或电费配置表：提供电缆两端位置，必要时还包括电费功能、特性和路径等信息的一种接线图或接线表。11、数据单：对特定项目给出详细信息的资料。12、简图或位置图：表示成套装置、设备或装置中各个项目的位置的一种简图或一咱图叫位置图。指用图形符号绘制的图，用来表示一个区域或一个建筑物内成套电气装置中的元件位置和连接布线。

以上就是关于程序员必须知道的HTML常用代码有哪些全部的内容，包括:程序员必须知道的HTML常用代码有哪些、devc++怎么中黄色项目符号什么意思、word中的“项目符号和编号”如何到初始的恢复默认值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/zz/10075514.html

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

发表评论

评论列表（0条）