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="传智播客是国内最大的……"/>

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

JavaSE学习--HTML相关推荐

JavaSE学习总结（八）—— 异常处理（Exception）
JavaSE学习总结(八)-- 异常处理(Exception) 参考文章: (1)JavaSE学习总结(八)-- 异常处理(Exception) (2)https://www.cnblogs.com/ ...
JavaSE学习（1）
JavaSE学习(1)目录单例模式面向对象继承extends 重载vs重写构造函数 final关键字抽象类abstract关键字接口Interface 多态匿名内部类异常Excepti ...
JavaSE学习总结（八）常用类（上）Object类==与equals方法的区别浅克隆的特点Scanner类String类String两种创建对象方式的区别String类的各种功能
JavaSE学习总结(八)常用类(上)/Object类/==与equals方法的区别/浅克隆的特点/Scanner类/String类/String两种创建对象方式的区别/String类的各种功能常用 ...
JavaSE学习小结二
JavaSE学习小结二记录学习----------JavaSE模块三&四其中大部分是一些工具类,会将常用方法及其功能描述整理成表格方便日后查阅文章目录 JavaSE学习小结二一.Obj ...
javaSE学习笔记——第十四天正则表达式、Math类、System类、Data类、Calendar类等
javaSE学习第十四天 java知识正则表达式的概述和简单使用 A:正则表达式是指一个用来描述或者匹配一系列符合某个语法规则的字符串的单个字符串.其实就是一种规则.有自己特殊的应用. 作用:比如 ...
【JavaSE学习笔记】
JavaSE学习笔记一.java的基本语法变量运算规则编码情况1中l后面没有加L,默认是int变量编码情况2中b1=b+1中的1默认是int型变量,会出错 string类型 string里面可 ...
JavaSE学习笔记（持续更新）
这里写目录标题 JavaSE学习笔记(持续更新) Java跨平台原理与核心机制 1.跨平台原理: 2.两种核心机制: JDK11的安装流程 Java程序开发的三个步骤(无编辑器版) Eclipse安装 ...
【JAVASE（7）】JAVASE学习--注解及小众常用类篇
A.注解--Annotation 一.概念: 注释:文字描述程序,给人看注解:说明程序,给计算机看 1)从JDK5开始,Java增加对元数据的支持(MetaD ...
JAVASE学习面向对象
JAVASE学习面向对象 1.面向对象(构造方法Constructor概述和格式) A:构造方法概述和作用给对象的数据(属性)进行初始化 B:构造方法格式特点 a:方法名与类名相同(大小也要与类名 ...
重拾JavaSE学习笔记
重拾JavaSE学习笔记 1.常用DOS命令 2.了解Java 2.1 .java特性 2.2.JDK .JRE.JVM 2.3.java的加载和执行 3.开发环境搭建 3.1.安装jdk 3.2.配 ...

JavaSE学习--HTML