网页设计中不得不提的就是HTML标记语言,HTML的全称是超文本标记语言。
tips:网页中可以通过ctrl+u查看网页源代码
编写HTML文件可以通过两种方式,一种是手工编写HTML代码,另一种是借助一些开发工具如Dreamweaver或者Expression web等等 当然在windows操作系统中最简单的还是记事本
当然用记事本写的时候保存方式记得加上后缀html这样才能保存为网页
HTML文档结构
1:<html>标记 是HTML文件的头标记, 所有HTML文件以它开头,以</html>标记结尾 其余所有标记都放在他们两个之间
2:<head>是HTML文件的头标记 作用是防止HTML文件的信息 同样以</head>结尾
3:<title>为标题标记,可将网页的标题定义在<title>与</title>之间
4:<body>是HTML页面的主体标记,页面中所有内容都定义在body标记中,同样以</body>结束
HTML常用标记
1:换行标记 HTML中输入换行键是没用的 换行时要输入<br>
2: 段落标记 段落标记以<p>开头然后以</p>结束
3:标题标记 在HTML实现不同级别的标题,分别为<h1>~~<h6> 数字越小 级别越高 文字的字号也就越大
4: 居中标记 想要居中的内容以<center>开头以</center>结尾
5:文字列表标记
5.1:无序列表 在每个列表项前面添加一个圆点符号,通过符号<ul>可以创建一组无序列表,其实每个列表项以<li>表示
5.2:有序列表用符号<ol>表示 每个列表项同样用<li>表示
开发实例1:
代码如下
<html>
<head>
<title>HTML页面</title>
</head>
<body>
<b>
应用记事本编写HTML代码
</b>
</body>
</html>
开发实例2:
代码如下
<html>
<head>
<title>设置标题标记</title>
</head>
<body>
<center>
<h1>java开发得三个方向</h1>
<h2>java SE</h2>
<p>主要用于桌面程序得开发,他是学习JAVA EE和JAVA ME得基础 也是本书得基础内容</p>
<h2>JAVA EE</h2>
<p>主要用于网页程序得开发,随着互联网得发展 越来越多得企业使用java语言开发自己得网页</p>
<h2>java me</h2>
<p>主要用于嵌入式系统程序的开发</p>
</center>
</body>
</html>
开发实例3:
代码如下
<html>
<head>
<title>无序列表标记</title>
</head>
<body>
编程词典有以下几个品种
<p>
<ul>
<li>JAVA 编程词典
<li> VB编程词典
<li>VC编程词典
<li>.net编程词典
<li>c#编程词典
</ul>
</body>
</html>
开发实例4:
代码如下
<html>
<head>
<title>无序列表标记</title>
</head>
<body>
编程词典有以下几个品种
<p>
<ol>
<li>JAVA 编程词典
<li> VB编程词典
<li>VC编程词典
<li>.net编程词典
<li>c#编程词典
</ul>
</body>
</html>