HTML基础语法
什么是HTML?
1、HTML为超文本标记语言
2、HTML文件也被叫做网页
一个HTML文档的基本结构
<>开始 </>结束
<html> <!-告诉浏览器这是一个html文件->
<head> <!-表示表头信息,在浏览器中看不到->
<title>第一个网页</title> <!-文件标题,可以在最顶端显示->
</head> <!-结束标志->
<body style="background-color: #ffc0cb"> <!-信息正文->
<h1>这是第一个网页</h1>
<table border="2" width="400">
<caption align="top">学生成绩表</caption>
<tr align=center>
<th>姓名</th>
<th>分数</th>
</tr><tr align=center>
<td>玛丽</td>
<td>99</td>
</tr>
</table> <!-结束标志->
<br/>
<a href="https://www.baidu.com">百度</a>
</body>
</html> <!-结束标志->
HTML注释
HTML文本格式化
HTML样式
HTML标签
链接标签
链接的内容可以是文字和图像
图片标签
多媒体标签
背景音乐标签
走马灯标签
HTML表格
th:加粗字体
先定义行再定义列
colspan:表示跨过的列数
rowspan:表示跨过的行数
表格中可以定义列表和嵌套多一个表格
作业挑战
代码
<html>
<head>
<title>第一个表格作业</title>
</head>
<body>
<table border="1">
<caption align="top"><strong>作业展示</strong></caption>
<tr>
<th>收费项目</th>
<th>时间</th>
<th>价格</th>
<th>备注</th>
</tr>
<tr>
<td>水上战船</td>
<td>20分钟</td>
<td>30元</td>
<td rowspan="4">超出单位时间部分,按照每十分钟计算,不足十分钟按照十分钟计算</td>
</tr>
<tr>
<td>水上自行车(单人)</td>
<td>20分钟</td>
<td>30元</td>
</tr>
<tr>
<td>水上自行车(双人)</td>
<td>20分钟</td>
<td>30元</td>
</tr>
<tr>
<td>水上滚筒</td>
<td>20分钟</td>
<td>30元</td>
</tr>
<tr>
<td>水上碰碰船</td>
<td>20分钟</td>
<td>20元</td>
<td>不足十分钟按照十分钟计算</td>
</tr>
</table>
</body>
</html>
无序列表与有序列表
用法:
可以用来制作一些导航界面
HTML段落
div与span主要方便了格式风格的定义
div
先在head下面定义一个style,然后用div calss =" 名字" 或者 div id =“id名字”。直接引用。
这样就可以定义一个大体的风格
span
span,用于定义一小段句子的风格形式。
id与class
HTML布局
HTML框架