记录:day01

来源:互联网 发布:ubuntu安装twisted 编辑:程序博客网 时间:2024/06/02 02:32

1.课程总结:

html(HyperText Mark-up Language)简介:

超文本标记型语言主要是做网页

html中所有操作都是通过标签来实现

html规范:

(01)html程序以<html>开始,同时以</html结束>

(02)html程序包含两部分: head(头)和body(体)

头里主要是设置页面信息,体里面主要显示页面上的内容

(03)html的标签有开始标签,同时也有结束标签,但有些标签没有结束标签就需要在标签内结束<br/>

(04)与原来基础班java不同,html代码不区分大小写

(05)html得操作思想:

在网页中可能有很多的数据,不同的数据可能需要不同的显示效果,这个时候需要使用标签把要操作的数据包起来
(封装),通过修改标签的属性值来实现标签内数据样式的变化。标签相当于一个容器,通过修改容器的属性值,
实现容器内数据样式的变化。

html基本标签:

(01)字体标签:

文字标签<font></font>

标题标签:<h1></h1> <h2></h2>.........最大h6最小h1

水平线标签:<hr/>

注释标签:<!-- 注释内容-->

特殊字符 &nbsp;(空格)


(02)列表标签:

自定义标签:<d1></d1>:定义列表范围

<dt></dt>:定义上层内容

<dd></dd>:定义下层内容

有序标签:<ol></ol>:定义有序列表的范围

<li></li>:使用在ol标签里面 封装具体内容

代码案例:

<ol>
<li>java学院</li>
<li>人事部</li>
<li>学工部</li>
</ol>

无需列表标签:<ul></ul>:定义无需列表范围

<li></li>:封装具体内容

代码案例:

<ul>
<li>java学院</li>
<li>人事部</li>
<li>学工部</li>
</ul>


(02)图形标签:

(01)在html中显示图片  <img src="图片的路径名称"/>


(03) 超链接标签(打开新内容的标签):

<a href="连接到的地址">显示在页面上的内容</a>


 (04)表格标签:

<table></table>:定义表格范围

<tr></tr>:在表格标签里表示行

<td></td>:在tr标签里表示列(<th></th>也可以表示列,不过它把表示内容加粗加大)

合并单元格在td上进行操作  有跨行(rowspan) 代码 <th rowspan="4">人员信息3人</th>          跨列(colspan) 代码 <td colspan="3">统计信息3人</td>

(05)表单标签:

<form></form>:定义表单范围



1 0
原创粉丝点击