网页可以组合文本、图片、音频、视频和许多其他元素,通过CSS呈现这些元素的预定外观,并通过JavaScript脚本呈现预定动作。
网页设计前端语言HTMLhtml、JavaScript与三者之间的关系:
前端网络语言 | 作用 | 解释 | 象征 |
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
最新评论