html:超文本标记语言,标准通用标记语言下的一个应用。
"超文本"是真页面内可以包含图片,链接,甚至音乐,程序等非文字元素。
超文本标记语言的结构包括头部分(head),和主体部分(body),其中头部分提供关于网页的信息,主体部分提供网页的具体内容。
<div>标签:可定义文档中的分区,是一个块级元素,这意味着它的内容自动开始新的一行。
<hr>标签:在html页面创建一条水平线。
<table>标签:在html页面插入一个表格。格式如下:
<table>
<tr>
<td></td>
</tr>
</table>
tr代表表格中的一行数据
td代表一行中的列数据
CSS:层叠样式表(cascading style sheets)是一种用来表现HTML或xml等文件样式的计算机语言。css不仅可以静态的修饰网页,还可以配合各种脚本语言动 态的对网页各元素进行格式化。
在网页中嵌入css代码:通过style标签在网页中嵌入css代码
<head>
<meta charset="UTF-8">
<title>order</title>
<!-- style在网页中嵌入css代码 -->
<style>
/* 统一网页风格 */
body{
font-size:18px;/*设置字号18像素 */
width:200px;/*设置网页宽度*/
}
/*通过.获取class选择器的值*/
.test{
font-size:25px;/*设置字号变大*/
padding-left:60px;/*设置左边距的距离*/
text-indent:20px;/*设置缩进*/
padding-top:10px;/*设置上边距*/
</style>
</head>
<body>
<div class="test">你好,请到服务台办理相关业务</dev>
</body>
更好的方法是把css相关的代码单独拿出来放到xx.css文件中以达到代码复用的效果,在html文件中可以通过link标签引入外部css文件:
<head>
<!-- link在网页中引入css代码
rel:值是固定写法
href:指定文件的位置
-->
<link rel="stylesheet" href="test.css">
</head>