程序员常用htmlcss_html css用什么软件编写

1. Web前端开发知识之HTML5常用标签简介

今天小编要跟大家分享的文章是关于Web前端开发知识点之HTML5常用标签简介。正在从事Web前端工作和学习的小伙伴们来和小编一起看一看吧，希望本篇文章能够对大家有所帮助。

HTML5常用标签

HTML5的标签有很多很多，如果全部学完很难，我在这里介绍一些比较常用的标签，我把它们大致分成7类：文件标签、文本标签、图片标签、列表标签、链接标签、表格标签和表单标签。

一、文件标签

文件标签是构成HTML最基本的标签。我在这里讲解四个最基本的文件标签。

①html标签

html标签是HTML文档的根标签，用来告知浏览器其自身是一个HTML文档，与标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。

②head标签

head标签是头标签，它用于定义文档的头部，它是所有头部元素的容器。中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等，它描述了文档的各种属性和信息，包括文档的标题、在Web中的位置以及和其他文档的关系等。

③title标签

title标签是标题标签，它可定义文档的标题。浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链接的默认名称。

④body标签

body标签是体标签，它定义文档的主体，包含文档的所有内容(比如文本、超链接、图像、表格和列表等)。

二、文本标签

文本标签就是和文本有关的标签，我在这里简单介绍几种文本标签。

①注释标签

注释标签()用于在源代码中插入注释。注释不会显示在浏览器中。可以使用注释对代码进行解释，这样做有助于在以后的时间对代码的编辑。当编写了大量代码时尤其有用。

②h1~h6标签

h1~h6标签是标题标签，它可以定义标题，从h1到h6字体不断变小。

③p标签

p标签是段落标签，它可以定义段落。它会自动在其前后创建一些空白。浏览器会自动添加这些空间，也可以在样式表中规定。

④br标签

br标签是换行标签，它可以插入一个简单的换行符。br标签是空标签(意味着它没有结束标签，因此这是错误的：

)。

⑤hr标签

hr标签是分隔线，它可以在HTML页面中创建一条水平线，可以在视觉上将文档分隔成各个部分。

⑥b、i标签

b、i标签分别是加粗、斜体标签。

三、图片标签

图片标签比较简单，只有一个img标签，我来说一下img标签常用的属性。

src属性：规定显示图像的URL。

alt属性：规定图像的替代文本。当图像加载失败时就会显示该文本。

align属性：规定图像的对齐方式。

width属性：设置图像的宽度。

height属性：设置图像的高度。

四、列表标签

列表标签也比较常用，它包括有序列表和无序列表。

①有序列表

ol标签用来定义有序列表。

li标签用来定义列表项。

type属性规定在列表中使用的标记类型。属性值包括1、A、a等。

②无序列表

ul标签用来定义无序列表。

li标签用来定义列表项。

type属性规定在列表中使用的标记类型。属性值包括disc、square、circle。

五、链接标签

链接标签也比较简单，只有一个a标签，它可以定义超链接，用于从一张页面链接到另一张页面。下面介绍一些属性。

href属性：这是超链接最重要的属性，它规定链接指向的页面的URL。

target属性：规定在何处打开链接文档。

·_self属性值(默认)：在当前页面打开;

·_blank属性值：在空白页面打开。

六、表格标签

HTML表格需要使用table标签来定义。

简单的HTML表格由table元素以及一个或多个tr、th或td元素组成。tr元素定义表格行，th元素定义表头，td元素定义表格单元。

更复杂的HTML表格也可能包括caption、col、colgroup、thead、tfoot以及tbody元素。

表格的常用属性比较多，下面列举几个：

align属性：规定表格相对周围元素的对齐方式。

bgcolor属性：规定表格的背景颜色。

border属性：规定表格边框的宽度。

cellpadding属性：规定单元边沿与其内容之间的空白。

cellspacing属性：规定单元格之间的空白。

width属性：规定表格的宽度。

七、表单标签

表单是用于采集用户输入的数据的，用于和服务器进行交互。form标签用于为用户输入创建HTML表单。表单标签有两个常用的属性：

action属性：规定当提交表单时向何处发送表单数据。

method属性：规定用于发送form-data的HTTP方法。包括两个属性值：

get属性值：请求的参数会在地址栏显示;参数大小有限制;不太安全。

post属性值：请求参数封装在请求体中;参数大小没有限制，较为安全。

表单标签中通常会带有表单项标签，比如input、select、textarea等。

①input标签

input标签用于搜集用户信息。根据不同的type属性值，输入字段拥有很多种形式。

·text属性值(默认)：定义单行的输入字段，用户可在其中输入文本。

·password属性值：定义密码字段。该字段中的字符被掩码。

·radio属性值：定义单选按钮。注意同一组选项中name属性值必须一致。

·checkbox属性值：定义复选框。

·file属性值：定义输入字段和"浏览"按钮，供文件上传。

·hidden属性值：定义隐藏的输入字段。

·submit属性值：定义提交按钮。提交按钮会把表单数据发送到服务器。

·image属性值：定义图像形式的提交按钮。

·button属性值：定义可点击按钮(多数情况下，用于通过javaScript启动脚本)。

②select标签

select标签可以创建单选或多选菜单。option标签用于定义列表中的可用选项。select标签的常用属性有：

·name属性：规定下拉列表的名称。

·size属性：规定下拉列表中可见选项的数目。

·required属性：规定文本区域是必填的。

·multiple属性：规定可选择多个选项。

③textarea标签

textarea标签定义多行的文本输入控件。文本区中可容纳无限数量的文本，可以通过cols和rows属性来规定textarea的尺寸，不过更好的办法是使用CSS的height和width属性。

以上就是小编今天为大家分享的关于Web前端开发知识之HTML5常用标签简介的文章，希望本篇文章能够对正在从事Web前端工作和学习的小伙伴们有所帮助，想要了解更多Web前端知识记得关注北大青鸟Web培训官网，最后祝愿小伙伴们工作顺利，学习成功，成为一名优秀的Web前端程序员。

文章来源：原创凯哥的故事

2. html，css和javascript的区别

1、HTML—Hypertext Markup Language。
超文本标记语言。它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（比如文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，
?
<html>
<head>
<title>HTML</title>
</head>
<body>
</body>
</html>
HTML文本中包含了所谓的“链接点”HTML利用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。总的来说，HTML就是整合网页结构和内容显示的一种语言。

2、CSS—Cascading Style Sheet
层叠样式表单。是将样式信息与网页内容分离的一种标记语言。我们在牛腩新闻发布系统中，我们使用过CSS文件，对一些标签的样式进行修改。
我们使用CSS为每个HTML元素定义样式，也可以用于多个界面。进行全局更新时，只需修改样式即可。
?
body {
border :1px solid #000;/*整体的边框*/
font-size :14px;
}
说白了，CSS就是设置网页上HTML元素属性的语言。

3、JavaScript
一开始特别郁闷为什么它的名字跟Java如此相似?
这是典型的市场营销方面的成功，它的推广成功,也是借了Java的东风。当微软开始意识到Javascript在Web开发人员中流行起来时，微软还是一贯风格，建立了自己的脚本语言，JScript。
Javascript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象，与Web客户交互作用。例如可以设置鼠标悬停效果，在客户端验证表单，创建定制的HTML页面，显示警告框，设置cookie等等。
?
function jsHello(){
alert('Hello World！');
}
把代码嵌入HTML语言中，它会在加载时弹出一个“Hello World”对话框。

3. html css用什么软件编写

html css可以用notepad++编写。

Notepad++是Windows操作系统下的一套文本编辑器(软件版权许可证:GPL)，有完整的中文化接口及支持多国语言编写的功能(UTF8技术）。

支持众多计算机程序语言: C,C++,Java,pascal,C#,XML,SQL,Ada,HTML,PHP,ASP,AutoIt,汇编,DOS批处理, Caml,COBOL,Cmake,CSS等。

Notepad++功能比Windows中的Notepad(记事本)强大，除了可以用来制作一般的纯文字说明文件，也十分适合编写计算机程序代码。Notepad++ 不仅有语法高亮度显示，也有语法折叠功能，并且支持宏以及扩充基本功能的外挂模组。

Notepad++是免费软件，可以免费使用，自带中文，支持众多计算机程序语言: C、C++、Java、pascal、C#，XML、SQL、Ada、HTML、PHP、ASP,、AutoIt,、汇编,、DOS批处理、Caml、 COBOL、Cmake、CSS,D、Diff、

ActionScript、Fortran、Gui4Cli、Haskell、INNO、JSP、KIXtart、LISP、Lua、Make处理(Makefile)、Matlab、INI文件、MS-DOSStyle、NSIS、Normal text、Objective-C、Pascal、Python、Javascript、Verilog、Haskell、InnoSetup、CMake、VHDL、Matlab。

超文本标记语言(HyperTextMarkupLanguage)，标准通用标记语言下的一个应用。HTML 不是一种编程语言，而是一种标记语言(markup language)，是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字符素。

超文本标记语言(或超文本标签语言)的结构包括“头”部分和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

(3)程序员常用htmlcss扩展阅读：

html语言特点：

1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。

2、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

3、平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。

4、通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

参考资料来源：

网络-Notepad++

网络-HTML

4. PHP程序员需要掌握html javascript css吗

html是最基础的，当然是必须要学的，CSS和JS是可选的，但是这个可选也是要学的，如果不会还要请教同事，会很麻烦的
html超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字符素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
css是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

5. html5和css3与html和css的区别

什么是html5呢？

html5最先由WHATWG(Web 超文本应用技术工作组)命名的一种超文本标记语言，随后和W3C的xhtml2.0(标准)相结合，产生现在最新一代的超文本标记语言。可以简单点理解成：HTML 5 ≈ HTML4.0+CSS3+JS+API。

hmtl5和html的区别在哪里？

在文档类型声明上
html

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""


<htmlxmlns="

html5

<!DOCTYPEhtml>

2.在结构语义上

html4.0：没有体现结构语义化的标签，我们通常都是这样来命名的

<divid="header"></div>

html5：在语义上却有很大的优势。提供了一些新的html5标签，比如:

<header>、<nav>、<article>、<aside>、<footer>..

3.强大的HTML5的新功能

（1）强大的绘图功能

可能有些动画，或者图片，在html5可以通过强大的绘画功能，加上JS可以实现。而在html4.0却不行。

在HTML5中，有两个东西，是可以进行绘图的，我们一起来看看是哪两个神奇的玩意。

1.Canvas标签

Canvas 通过 JavaScript 来绘制 2D 图形，Canvas 是逐像素进行渲染的。

在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。

2.SVG

SVG 是一种使用 XML 描述 2D 图形的语言，SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。

与其他图像格式相比（比如 JPEG 和 GIF），使用 SVG 的优势在于：

（1）SVG 图像可通过文本编辑器来创建和修改

（2）SVG 图像可被搜索、索引、脚本化或压缩

（3）SVG 是可伸缩的

（4）SVG 图像可在任何的分辨率下被高质量地打印

（5）SVG 可在图像质量不下降的情况下被放大

那么都两者都可以用于绘图，我们一起来看看他们之间有何区别：

Canvas

1.依赖分辨率

2.不支持事件处理器

3.弱的文本渲染能力

4.能够以 .png 或 .jpg 格式保存结果图像

5.最适合图像密集型的游戏，其中的许多对象会被频繁重绘

SVG

1.不依赖分辨率

2.支持事件处理器

3.最适合带有大型渲染区域的应用程序（比如谷歌地图）

4.复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）

5.不适合游戏应用

（2）新增视频标签

可能在html4.0的时候，我们想要插入一段视频，还需要引用一长段的代码。但是在html5的情况下。我们只需要用于一个video标签即可。

<videosrc="视频地址"></video>

提供这样的标签有什么样的好处呢？

第一：节省程序员写代码的时间。

第二：我觉得最主要还是在SEO的优化上。

不管是我们自己来对网页模块命名，还是有这样的标签。因为做网站最终的目的只有一个，那就是盈利。想盈利的话，就只有通过SEO优化的技术，把你网站排名做上来，这样你的网站才有价值，且正是这一点，html5符合了这一点。为什么这么说呢？因为他定义的这些标签，更加有利于优化，蜘蛛能识别你。

CSS3 对于 CSS2.1 有很多的修改和补充。

css3是CSS2技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在太过庞大且比较复杂，所以，把它分解为一些小的模块。更多新的模块也被加入进来，这些模块包括：盒子模块，列表模块，超链接模块，语言模块，背景和边框，文字特效，多栏布局等.

6. 我是一名程序员，主要的编写语言是 html.css.javascript.h5 css3 。

游戏开发有高有低层次，开发的重点也是在游戏引擎，目前国内游戏开发基本都是基于别人开发的引擎基础上的，
没什么难度只是需要一点算法，数学基础好的话必然容易。建议学c++

7. html,xml,css,jsp这几者之间有什么关系和区别

html是用来写网页的语言，只能用于前端；xml是用来存小数据的文件；css是样式文件，一般是div+css+js做前端开发；jsp是基于java的.net文件，一般是用来做后台的。

8. java后端程序员最常用的技术有哪些，重点技术有哪些

Java学习路线，希望看完之后能给你带来帮助。
第一步学习JavaEE基础
Java是一种面向对象的编程语言，所以首先需要从基础学起，只有前期打牢基础，之后深入学习才能游刃有余。那么基础学习首先从基础语法、面向对象、核心类库、集合、异常、IO、线程、网络编程、反射、JDK1.8新特性这几个方面展开，学习基础阶段培养面向对象的编程思想、充分理解并运用Java面向对象思想来进行程序开发、从过程到面向对象编程的转变、，深入理解常用集合类的用法、集合的特点、内存理解以及使用;掌握多线程的概念、创建方式、同步、网络编程的基本概念等。
第二步学习JavaWeb开发
JavaWeb开发是学习Java中必不可少的内容，虽然Java是偏向于后台开发的，但是前后端不可能完全分离，后端开发人员也需要掌握一定的前端技能。JavaWeb开发可以从前端技术、MySQL、JDBC&JDBCUtils、XML、服务器&Servlet、JSP、AJAX几点来学习，以此来掌握使用HTML、CSS进行前端界面的设计、掌握对JavaScript、JQuery基本语法的使用;掌握XML的解析方式、掌握服务器的概念以及其配置、熟悉Servlet开发规范和相关概念、JSP基本原理、Session和Cookie、过滤器和监听器的使用、以及Ajax异步请求。
第三步Java高级框架
虽然说Java框架有很多，但是比较常用和主流的还是比较固定的，灵活的使用框架可以让开发者在实际开发中，减少很多重复的代码、让代码的结构更加清晰，后期维护方便。从现在的开发环境来看SpringMVC、Mybatis、Spring、Oracle、Linux&Redis&Nginx、Maven是现在普遍使用的主流框架，掌握之后可以实现从原理、应用、扩展等全方位角度熟练使用，最终可以搭建自己的平台。
第四步分布式项目实战
学习的最终目的就是上手实操，根据项目需求开发功能，那么实战就显得尤为重要了，所以最后一步是项目实战，那Git、SpringBoot、SpringCloud 等主流技术必定是需要熟练掌握的，通过学习掌握分布式调用技术任务调度以及项目相关模块之间的开发和关联，从而达到实现功能开发目的。
初学Java你需要学习JDK，JDK是一个编写Java的Applet小程序和应用程序的程序开发环境。JDK是整个Java的核心，包括了Java运行环境，一些Java工具和Java的核心类库。不论什么Java应用服务器实质都是内置了某个版本的JDK。所以学好JDK是掌握Java的第一步。
学好JDK后，还有其他几种软件如果你感兴趣也可以学一学，这几种软件分别为：Eclipse：一个开放源代码的、基于Java的可扩展开发平台;EditPlus：文本编译工具，初学者可以使用EditPlus编译执行Java程序;NetBeans：开放源码的Java集成开发环境，适用于各种客户机和Web应用;IntelliJ IDEA：可以用于代码自动提示、代码分析等;MyEclipse：由Genuitec公司开发的一款商业化软件，是应用比较广泛的Java应用程序集成开发环境;SQL Server：数据库软件，做web开发会用到这个软件。
综上可以看出，学习Java需要的软件不少，如果自学一个个了解过去的话比较费时间，而报班就不同了，报班学习会有老师带着你一步步下载、安装、学习各个软件，这样不但能节省很多时间，还能让你把这些软件掌握的更好。
Java学习上手比较难，需要的软件也多种多样
Java框架可以简化开发难度，更便于我们开发程序。所以学好Java框架还是比较重要的。Java的框架主要有：SpringMVC、Spring、Mybatis、Dubbo、Maven、RabbitMQ、Log4j、Ehcache、Redis、Shiro。不过这十个我们不需要都学会，只要学会其中四五个比较常用的就可以。
第一个，SpringMVC。Spring MVC是一种基于Java的实现了Web MVC设计模式的请求驱动类型的轻量级Web框架，主要是帮助我们简化日常的Web开发;第二个，Mybatis。MyBatis 是支持普通 SQL查询，存储过程和高级映射的优秀持久层框架;第三个，Spring。Spring深得企业的青睐;第四个，Maven。越来越多的开发人员开始使用maven。
掌握以上四种框架，你在找工作的时候就会比较吃香。不过想把这四种框架学会也不容易。不了解Java的人可能看的都一头雾水更别说学习了。这是因为想要学习Java框架还要从Java的基础部分学起。而从基础部分自学到Java框架，花费的时间就长了。
所以小编建议大家报班学习Java，培训班的学习时长为半年左右。相比于自学，耗时少了不少。而且培训班不止能帮助你快速掌握理论知识，还有实战项目助你巩固所学。例如优就业的Java课程在Java框架部分，每个框架都对应一个小项目。这一阶段学完后还会有一个大项目让学员练手，增加学员的项目开发经验。所以报班学习更容易学会Java。

9. 程序员必须知道的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: 参数
参数取值范围：
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，有六层选择）
标题的对齐 <H?ALIGN=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.:top.window.close();">点击关闭窗口</a>！

请问如何去掉主页右面的滚动条？
<body scroll="no">

<body style="overflow-y:hidden">

如何做到让一个网页自动关闭.
<html>

<head>
<OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
</object>
</head>
<body >
这个窗口会在10秒过后自动关闭,而且不会出现提示. </body>

如何在不刷新页面的情况下刷新css?
<style>
button{ color:#000000;}
</style>
<button nclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘>点击按钮直接修改style标签里button选择符使按钮改为红色</button>

请问如何让网页自动刷新？
在head部记入<META. HTTP-EQUIV="Refresh" c>其中20为20秒后自动刷新，你可以更改为任意值。
如何让页面自动刷新？
方法一，用refresh
HTML 代码片段如下:
<head>
<meta. http-equiv="refresh" c>
</head>
5表示刷新时间
[Ctrl+A 全部选择提示:你可先修改部分代码，再按运行]
方法二，使用setTimeout控制
<img src=/logo.gif>
<script>
function rl(){
document.location.reload()
}
setTimeout(rl,2000)
</SCRIPT>

如何让超链接没有下划线
在源代码中的<HEAD>…</HEAD>之间输入如下代码：
<style. type="text/css">  </style>

请问如何去掉IE的上下滚动条？
<body style=‘‘‘‘overflow:scroll;overflow-y:hidden‘‘‘‘>
</body>

怎样才能把RealPlayer文件在网页做一个试听连接？
<embed height=25src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" c>

如何用html实现浏览器上后退按钮的功能？
<a href="java script.:history.go(-1)">点击后退</a>
或者
<script> history.back() </SCRIPT>

HTML常用代码之：你不一定知道的技巧

ncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table borderncontextmenu=return(false)><td>no</table> 可用于Table

<body nselectstart="return false"> 取消选取、防止复制

onpaste="return false" 不准粘贴

on="return false;" ncut="return false;" 防止复制

<link rel="Shortcut Icon"href="favicon.ico"> IE地址栏前换成自己的图标

<link rel="Bookmark"href="favicon.ico"> 可以在收藏夹中显示出你的图标

<inputstyle="ime-mode:disabled"> 关闭输入法

永远都会带着框架
<script. language="JavaScript"></script>

防止被人frame.
<SCRIPT. LANGUAGE=JAVASCRIPT></SCRIPT>

网页将不能被另存为
<noscript><iframe.src=*.html></iframe></noscript>

查看网页源代码
<input type=button value=查看网页源代码
onclick="window.location = "view-source:"+"http://www.w3cschool.cn"">

删除时确认
<a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp? &areyou=删除&page=1"">删除</a>

屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift键!");//可以换成ALTCTRL
}
document.onkeydown=look;
</script>

网页不会被缓存
<META. HTTP-EQUIV="pragma" CONTENT="no-cache">
<META. HTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate">
<META. HTTP-EQUIV="expires"CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META. HTTP-EQUIV="expires"CONTENT="0">

怎样让表单没有凹凸感？
<input type=text style="border:1 solid #000000">
<input type=text style="border-left:none;border-right:none; border -top:none; border-bottom: 1 solid#000000"></textarea>

不要滚动条?
让竖条没有:
<body style="overflow:scroll;overflow-y:hidden">
</body>
让横条没有:
<body style="overflow:scroll;overflow-x:hidden">
</body>
两个都去掉？更简单了
<body scroll="no">
</body>

怎样去掉图片链接点击后，图片周围的虚线？
<a href="#"nFocus="this.blur()"><img src="logo.jpg"border=0></a>

电子邮件处理提交表单
<form. name="form1"method="post" action="mailt****@***.com"enctype="text/plain">
<input type=submit>
</form>

在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()

如何设定打开页面的大小
<body nload="top.resizeTo(300,200);">
打开页面的位置<bodynload="top.moveBy(300,200);">

在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>

检查一段字符串是否全由数字组成
<script. language="Javascript"></script>

获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27npropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

日期减去天数等于第二个日期
<script. language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() +1) + "月" + a.getDate() + "日")
} cc("12/23/2002",2)
</script>

选择了哪一个Radio
<HTML><script. language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio"value="style" checked>Style.
<INPUT name="radio1" type="radio"value="barcode">Barcode
<INPUT type="button" value="check"nclick="checkme()">
</BODY></HTML>

脚本永不出错
<SCRIPT. LANGUAGE="JavaScript">

</SCRIPT>

ENTER键可以让光标移到下一个输入框
<input nkeydown="if(event.keyCode==13)event.keyCode=9">

导航:首页 > 程序命令 > 程序员常用htmlcss

程序员常用htmlcss

与程序员常用htmlcss相关的资料