01-html基础_html怎么使用java语言让鼠标点击图片标题文字改变-优快云博客

本文链接：https://blog.youkuaiyun.com/fayxjc/article/details/113944906

本文详细介绍了Web标准的三个核心组成部分：HTML、CSS和JavaScript。讲解了HTML的基本结构、标签语法、常用标签及其属性，包括无语义标签、标题、段落、图像、链接、表格、列表及表单元素等。此外，还提到了字符集、文档类型声明和页面样式的呈现。内容适合初学者掌握网页开发基础知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

web标准构成：

结构 structure （html），最重要
表现 presentation( css)
行为 behavier (js)

`<!DOCTYPE>`:

文档类型声明标签，告诉浏览器使用哪种html版本来显示网页
- 位于文档最前面位置，处于html标签之前
- 不是一个html标签，它就是文档类型声明标签

<!DOCTYPE html>

表示当前页面采用html5版本显示

html:超文本标记语言

lang:语言 en,zh-CN,fr 主要是提示作用
charset:字符集，计算机用来识别和存储文字,不写的话会乱码
– UTF-8 万国码，基本包含了全世界用到的文字

html基本结构标签:

html:根标签
head:头标签
title：网页标题，在head里面
body：主体内容

链接: `<a></a>`

链接分类：
- 外部链接 http开头
- 内部链接
- 锚点链接快速定位到内部某个位置，设置属性值为#id，目标标签，添加id属性

a内部可以添加任何标签，让元素带有超链接 – href:指定跳转的页面 – title：鼠标悬停显示的文字 – target:窗口的打开方式. _self(默认会覆盖原来的窗口) _blank(会以新的窗口打开) – #：会阻止页面跳转但是会刷新页面

注释：
不被执行，也不会显示

<!-- -->

快捷键: ctrl + /

特殊字符:
html中不能直接使用的符号，可以用特殊字符代表

分号( ):
大于号(>): >
小于号(<): &lt

table：表格,用来显示数据

<table></table>
<tr></tr> 行 必须在table里面
<td></td> 每行的单元格， 必须在tr里面
<th></th> 表头单元格, 和td的区别是文字内容会加粗居中
<thead></thead>表格结构标签, 头部区域,在table里面
<tbody></tbody>表格结构标签，内容区域,在table里面

属性（都在table标签里面）：

align:对齐方式, left/center/right
border:边线, 1/"" 默认没有边框
cellpadding: 单元边框和内容之间的距离,一般设置0
cellspacing:单元格之间的距离, 一般设置0

合并单元格：

跨行合并：rowspan=“合并单元格的个数”, 写在最上面的单元格上
跨列合并：colspan=“合并单元格的个数”, 写在最左边的单元格上

合并单元格后，把对应的多出来的单元格删除掉

列表：

无序列表：
, 整齐，列表项内部没有级别顺序之分，
只能嵌套
, li标签内部可放置任何标签，
资料前会自动加上 .
有序列表：
, 列表之间按排序进行的，
只能嵌套
, li标签内部可放置任何标签，
会带有1，2，3,可以用css去掉
自定义列表：

只能嵌套，
, dt和dd是兄弟节点,内部可以放任何标签
dt定义项目/名字，dd是详细选项

表单

为了收集用户信息
组成：

表单域 form
表单控件（表单元素）
提示信息

表单域: 是一个包含表单元素如的区域，会把范围内的表单元素信息提交给服务器

<form></form>

action:提交的动作
- name: 表单的名称，告诉是哪个表单提交到后台的
- method：提交方式
  表单元素:
- input：输入表单元素，单标签,
  - 属性type: 可以让input表单元素设置不同的形态，有以下类型：
    - text:文本框
    - password:密码框
    - radio:单选按钮，
    - checkbox:多选项，复选框
    - submit:提交按钮, 会把表单域内的表单元素数据发送到服务器
    - reset: 重置按钮, 可以还原表单元素初始值
    - button: 自定义按钮，不会提交数据
    - file: 文件上传使用
  - 属性name:选项的名字,用于区分不同的表单元素, 单选按钮和复选框都要有相同name才能有效果
  - 属性value:元素数值，单选框和复选框提交到后台的数据
  - 属性checkbox: 单选按钮和复选按钮，默认第一次选中的选项, checked=“checked”
  - 属性maxlength:输入的最大长度 maxlength=“6”
- label标签：不属于表单元素，但可以绑定一个表单元素，当点击label标签元素，会将焦点定到对应的for属性的id元素里面
- select:下拉选择列表, 里面包含多个 option, 默认选中使用 selected=“selected”
- textarea:文本域元素, 用户输入内容比较多的时候，比如留言板，个人介绍等
  rows:多少行，cols:多少列，实际不使用，都使用css进行控制大小