JAVAEE
HTML基本语法
HTML简介
- HTML(HyperText Markup Lanuage)超文本标记语言
- HTML文件是包含有HTML标签的文本文件
- HTML文件也称为网页
- HTML标签告诉Web浏览器如何显示网页
- 一个HTML文件必须是一个html或html扩展名的文件
- 一个HTML文件可以用记事本/文本编辑器/UltraEdit/TextPad/Dreamweaver等编辑
HTML基本结构
第一个Tag是<html>,告诉浏览器这是html文件,最后一个Tag是</html>,表示html文
件到此结束。
<head> 和<head>之间的内容表示头信息,在浏览器中看不到。
<title> </title>是这个文件的标题,可以在浏览器最顶端标题栏中看到该内容。
<body></body>之间信息是正文<h1> 与</h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段
HTML编辑
- 打开记事本; 在记事本中键入 HTML 代码; 记事本的文件菜单选择“另存为”,保存类型为“所有文件” 文件名中键入“文件名.html”
- 在文件夹中双击刚才建立的 HTML 文件,显示如下结果
HTML标签
- HTML定义了一系列的标签Tag
- 控制网页显示的文档、字符、段落
- 可以在文本中嵌入图像、声音、动画
- 提供超文本链接
- 支持脚本语言、JAVA小程序、实现网页交互效果
- HTML标签是用两个尖括号“<>"括起来的关键词,如<html><body>
- HTML标签是成对出现的,为双标签,如<b> 和 </b>
- 前一个标签是起始标签,后一个为结束标签
- 两个标签之间的文本是html元素的内容
- 某些标签称为“单标签”因为它只需要单独使用就能完整表达意思如 <br>
HTML文档是由HTML元素定义的
HTML元素指的是从开始标签(start tag)到结束标签(end tag) 的所有代码
Web前端·HTML技术
HTML表格与布局
表格
在HTML文档中,广泛使用表格来存放网页上的文本和图像
表格是由行、列构成的。每一行可以分成若干列,每一列成为一个单元格,相邻的单元格可以合并
- 表格是由行<tr>标签,列<td>标签构成
- 每个td表示表格数据,可以包含文本,图片,列表、段落、表单等内容
- 表格标记
<table></table>
行标记
<th> </th>表头table header
<tr> </tr>
列标记
<td></td>
表格示例
<table>表示表格的开始,border=1表示边框尺寸为1
表格标题<caption>…</caption>
<th></th>表示行或者列标题,粗体显示
align="top|bottom"表示标题位于表格上方或者下方默认值为top
<title>学习表格</title>
<table border = 1>
<caption align="top">学生成绩等级表</caption>
<tr align="center" valign="middle">
<td width="40%">学 号</td>
<td width="20%">姓 名</td>
<td width="40%">数据结构</td>
</tr>
<tr align="center" valign="middle">
<td width="40%">20181814</td>
<td width="20%">玛丽</td>
<td width="20%">95</td>
</tr>
<tr>
<td align="center" valign="middle" width="40%" rowspan="2">说明</td>
<td valign="middle" width="60%"colspan="3">成绩=平时*30% +期末*70%</td>
</tr>
<td valign="middle" width="60%"colspan="3">发布时间:20210626</td>
</table>
表格的跨行rowspan 跨列colspan
表格的对齐方式
align = “left|center|right”
内嵌标签
表格单元中可以嵌入各种标签
<ul>列表(无序列)
<ol>有序列表
表格的背景颜色
表格的背景色<table bgcolor = 颜色>
表格的背景图像
<table background =url>
url为图像的链接地址
html段落
- HTML块元素:<hl>,<p>,<ul>,<table>,<div>
- HTMl内联元素:<b><td><a><img><span>
- <div>是块级元素,可用于组合其他HTML元素的同期,所有主流浏览器都支持<div>标签
- 能够为<div>元素设置相同的类
- <div>常用语文档布局
- <span>是内联元素,能够为相同的元素设置相同的样式用于部分文本设置样式属性