HTML基础
一:
在我们的JAVA前端中,有三大技术:
1).html :呈现
2).css(bootst):样式与内容分离
3).javascript(jquery):交互
首先要了解到HTML的基本使用,能够构建出骨架,然后再做样式与内容分离,最后进行交互!
在HTML中,标签很重要
<html> ??<head> 这是头 ??</head> ??<body> 这是主体 ??</body> ???</html>
在一个HTML文件中,总体分为头和主体。 除特殊标签,一般都是成对存在的。比如头标签<head>,应带有/的结束标记</heaf>。
<html> ??<head> ???????<meta charset="UTF-8"> ???????<title>this is title</title> ??</head> ??<body> <h1>this is the firs title</h1> ???????<h2>this is the second title</h2> ???????<h3>this is the third title</h3> ??</body> ???</html> ???
在<head>标签里的<title>指的是整个文件题目这是头里面要写的。想要写的内容都放在<body>主体里面。
在上面的图中,h1~h3是一个标题标签,相应的一直到h6。从1到6的字体逐渐变小。简要写到h3,下面是网页显示结果。
段落标签<P> ???锄禾日当午<br/> ???汗滴禾下土<br/></P>换行标签<hr/>无序列表<ul> ???<li>张三</li> ???<li>李四</li> ???<li>王五</li></ul>有序列表<ol> ???<li>张三</li> ???<li>李四</li> ???<li>王五</li></ol>
从这里开始,全部写的是主体里面的内容。<p>标签是段落标签,<br/>表示换行标签,上面的内容如下图!
<!--插入图片:--><img alt="出错了" src="dog.png"> <!-- 内联框架 -->这是iframe页面: --> <iframe src="dog.png" width="300" height="300"></iframe>
alt:图片未正常加载的时候需要显示的信息
src:图片的路径:
1.相对路径
2.绝对路径
显示的结果!右边就是内联框架的效果
HTML入门基础知识
原文地址:http://www.cnblogs.com/batt/p/7794941.html