html的含义并举例(网页设计|HTML、CSS、JavaScript三者关系)

网页可以组合文本、图片、音频、视频和许多其他元素,通过CSS呈现这些元素的预定外观,并通过JavaScript脚本呈现预定动作。

网页设计前端语言HTMLhtml、JavaScript与三者之间的关系:

html的含义

前端网络语言作用解释象征
HTML所容纳之物超文本标记语言&书信电报;标签>;…<;/标签>;
CSS内容呈现的外观级联样式表&书信电报;风格>;…<;/风格>;
JavaScript内容展示的作用嵌入式网页包含脚本&书信电报;脚本>;…<;/脚本>;

以上内容由浏览器解释和执行。

代码示例:

&书信电报;!DOCTYPEhtmlPUBLIC“-//W3C//DTDXHTML1.0//EN”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>;

&书信电报;htmlxmlns=”http://www.w3.org/1999/xhtml“>;

&书信电报;头>;

&书信电报;metahttpequiv=“ContentType”Content=“text/html;charset=gb2312“/>;

&书信电报;标题>;前端语言比较</title>;

<;/头>;

&书信电报;风格>;

#容器{

margin:汽车;

width:75%;

}

.描述{

color:99万;

字体大小:120%;

}

<;/风格>;

&书信电报;车身>;

&书信电报;divid=“container”>;

&书信电报;h4>;前端语言比较</h4>;

&书信电报;pclass=“desci”>;简单加法器:</p>;

&书信电报;formname=“myform”>;

加数:<;输入type=“text”name=“first”size=“6”/>;

&书信电报;Spanstyle=“color:红色;”gt;+<;/span>;&;nbsp;奥根德

&书信电报;输入type=“text”name=“second”size=“6”/>;

&书信电报;输入type=“button”onclick=“sum()”value=“sum”/>;

&书信电报;Spanstyle=“color:蓝色;”gt;=<;/span>;&;nbsp;

&书信电报;输入type=“text”name=“result”size=“6”/>;

<;/表格>;

<;/部门>;

&书信电报;scripttype=“text/javascript”>;

函数sum(){

varresultValue、firstValue、secondValue;

firstValue=parseFloat(document.myform.first.value);

secondValue=parseFloat(document.myform.second.value);

resultValue=parseFloat(firstValue+secondValue);

文件我的表格。后果值=结果值;

}

<;/脚本>;

<;/车身>;

<;/html>;

Chrome浏览器渲染:

超文本标记语言HTML,就其字面理解而言,其核心是“标记”。通过“标记”,文本、图片、音频、视频等多种元素呈现出“超文本”的特征。

CSS,级联样式表,字面上说,它的核心是“样式”,也就是“样式”。就像我们处理word文档一样,我们格式化文本。然而,在网页设计中,样式是用“属性:属性值”代码表示的,这些“样式”可以叠加,对象的样式描述可以按顺序列出;

JavaScript是一种网页脚本语言,它可以通过网页中的某些事件触发某些代码的执行。

最佳参考网站或查询页面:http://www.w3school.com.cn/index.html

您可以还会对下面的文章感兴趣

最新评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

使用微信扫描二维码后

点击右上角发送给好友