JavaSE学习--HTML

来源：互联网发布：人民网舆情监测室知乎编辑：程序博客网时间：2024/06/01 08:57

1 有关HTML的基础知识

1) HTML的概念：超文本标记语言

超文本：1.表达能力优于文本，能显示声音图像等非文本内容

2.超链接

标记语言：由标记构成（HTML,XML,XHTML）

2) HTML的作用

编写网页，进行展示

3) HTML文件的文档构成

最外层使用<html>标签包裹

<head>头—标题，网页，属性信息，CSS…

<body>体—正文

2 排版标记

文档标记

HTML中不直接支持空格，回车，制表符。而是提供了专门的标签：

<br/> 回车

<p></p> 横线

<pre></pre>标签内的内容，按文本形式解析，即按文本方式直接显示到网页中（用于显示代码等，需要严谨格式的文本）

3 字体标签:

<front>标签

<font> 该标签的使用必须配合属性.

size: 大小.取值1~7之间从小到大.

face: 字体.

color: 颜色

1.直接填写颜色的英文名称

2.#FF0000

3.rgb(255,0,0)

其他字体标签

<strike> 中划线.

<big> 变大

<small> 变小

<u> 下划线

<b>

sub/sup 上下角标.

标题标签

<hn> n的取值范围是1~6;

1.1~6从大到小.

2.文字加粗

3.换行

4 转义字符

常用的3个转义字符：

&it/&gt 大于小于号

&nbsp 空格

5 列表标签

ol有序列表: order list

type属性:取值 A a I i 1(默认值)

start属性:从几开始计数

ul无序列表: unorder list

type属性:disc (默认)

square 方形

circle 圆形

有序列表前标有序号1，2，3..无序列表前为形状

分类列表:

dl: definition list

dt: definition title

dd: definition description

6 img图形标签

src属性:指定图片位置

alt属性:当图片无法加载时显示的提示信息.

title属性:鼠标悬浮时显示提示信息

heigth属性:图片的高(单位是像素) (如果宽和高只指定一个,图片会按比例缩放.)

width属性:图片的宽.

border属性:边框(单位是像素)

usemap属性:将图片分区,每个区点了之后连接到不同的页面

7 超链接和锚标签

a标签: anchor锚

1.超链接：点击之后跳转页面

格式:协议名+资源

http://www.baidu.com(我们常用的)

mailto : xx@itcast.cn发送邮件

thunder: 迅雷下载

QQ:

旺旺:

2.锚：在当前页面中跳转

例如:回到顶部的功能就是使用锚标签实现的.

a标签中的属性

href属性:跳转的资源名或锚点名称

name属性:定义锚点时,指定锚点名称.

target属性:针对资源跳转时使用.

该属性不指定：在当前页面打开.

_blank:在空白页打开.

8 表格标签

<table> 表格

cellspacing属性:外边距单元格和其他单元格(边框)之间的距离

cellpadding属性:内边距内容和单元格框线之间的距离

<tr>:tablerow 表格中的一行

<td>:tabledata cell 一行中的一个单元格

<th>:tableheader 标题单元格

colspan属性:横着占多少列

rowspan属性:竖着占多少行

align属性:对齐

9 框架标签

框架标签与<body>标签互斥（可以把body标签删除）

<frameset>标签:

定义一个框架

rows属性：将框架按照（横向）分隔

cols属性：将框架按照（纵向）分隔

<frame>标签：

指定框架的页面

src属性：指定显示页面的路径

noresize属性：不能调整框架大小

scrolling属性：是否显示滚动条 yes/no/auto

10 表单标签

<form>表单标签

要提交的内容,使用该标签包裹

action属性:决定表单提交到哪里

method属性:决定表单的提交方式，get(默认值)/post

<input>标签

表单项标签

type类型属性：

text文本框

password密码框

radio单选框

checkbox多选框

file文件上传

hidden隐藏域

submit提交

reset重置

image提交(图片,不用了)

button按钮

name属性:

对于表单项:提交时键值对的键

value属性:

1>对于需要提交的表单项:提交时的值

2>对于按钮类型的:按钮上显示的文字.

readonly属性:

只读属性.只是限制value属性的变化.

只能给: text和 password使用.textarea也有这个属性. disabled属性:

禁用.颜色变灰.不参与提交.

适用范围,所有input都可以使用.

checked属性:

默认被选中.

只适用于: 1 radio 2 checkbox

maxlength属性:

定义最大长度.

size属性:

定义输入框的显示长度.

以上两个属性只能放在 text和 password中.

<select>标签:

下拉选项标签

name属性:提交的键

size属性:同时显示的选项个数

multiple属性:变成多选

selected属性:让option默认被选中.

<textarea>标签:

文本域

name属性:提交的键

col属性:列宽

row属性:行高

readonly属性:只读.

11 MEAT标签

属性标签 .网页元标签，操作网页属性

<metahttp-equiv="Content-Type" content="text/html;charset=UTF-8">

设置网页文件的文件类型和编码方式

<metahttp-equiv="refresh" content="3;url=06-图形标签.html">

打开网页3秒后刷新

<metaname="description" content="传智播客是国内最大的……"/>

与搜索有关，搜索引擎会用到

阅读全文

0 0