标签:javascrip 表示 title query body pre col html 字体
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.绝对路径
显示的结果!右边就是内联框架的效果
标签:javascrip 表示 title query body pre col html 字体
原文地址:http://www.cnblogs.com/batt/p/7794941.html