HTML相关-CSDN博客

本文链接：https://blog.csdn.net/xiaoliheng1993/article/details/52327303

今天开始，java基础的课程就正式完结了。今天的课程内容是HTML

html超文本标记语言，英文全称 HyperText Markup Language 按照课程大纲，这个部分不会涉及太深，所以我会简单总结一下

先介绍一下html的基本格式：

<html>

<head>

</head>

<body>

</body>

</html>

接下来介绍一下HTML的一些标签

1,.Font标签: <font size=5,color=red>大家好</font>，目的是为了设置文本的颜色和字体大小

2.标题标签:

标题标签是用在body部分中设置各种大小标题，从1到6字体逐渐变小

3.  表示一个空格

4.RGB: red green blue,三原色，用6个十六进制表示，如#aa00ff表示

5.html中的注释格式

6.列表标签

<dl>

</dl>

<ol type="a"> //type="a" 设置编号的类型(a,A,i,I)

</ol>

</ul>

7.图片

<img src="..\..\..\..\images\a.jpg" width=300px height=200px aligh=top alt="美女">小猫

..\表示返回上一级目录

width设置图片宽度 height设置图片高度 align设置文件的对齐方式 alt="美女"鼠标放在图片上时的提示

8.表格

<table>(两行两列)

<tr>

</tr>

<tr>

</tr>

</table>

将<td>变为<th>可将文字居中并加粗

表格标题:<caption>学院信息表</caption>

border=1即表格的边框 width和height设置表格的宽度 cellspacing设置边框之间的间隙 cellpadding设置文字与边框的距离

针对不规则的表格

<td colspan="2"></td>跨列

<td rowspan="2"></td> 跨行

9.链接

<a href="www.baidu.com">百度</a>默认是file协议，无法访问到baidu

需要这样写<a hred="http://www.baidu.com">百度</a>

<a href=" ">呵呵</a>默认链接到的是自己

<a hred="javascript:void(0)" οnclick="alert('吃饭啦')">不链接到任何地方</a>

直接从底部点击链接回到顶部的方法：

顶部的链接：<a name="top">顶部</a>

底部的链接：<a href="#top">回到顶部</a>

10.框架

<head>

</frameset>

</head>

框架的目的是为了在一个页面中显示多个页面，因此代码中删除了body代码

rows="10%,*"按行进行分割为两个页面

cols="20%,*"按列进行分割为两个页面

name="right"用name来指定链接后的页面显示在哪个框架中，target用在链接中来指定跳转的页面

11.表单

输入姓名：<input type="text">

输入密码：<input type="password">

选择性别：<input type="radio" name="sex">男<input type="radio" name="sex" checked=checked>女

选择爱好：<input type="checkbox" name="aihao">java<input type="checkbox" name="aihao">html<input type="checkbox" name="aihao">vc

选择文件<input type="file">

普通按钮：<input type="button" value="点击" οnclick="alert(’逗你玩‘)">

选择国家：

</select>

个人简介：<textarea rows="10" cols="10">

</textarea>

</form>