笔记（4月11日，HTML基础）

最新推荐文章于 2024-08-19 16:01:20 发布

好久不见丶T_T

最新推荐文章于 2024-08-19 16:01:20 发布

阅读量244

点赞数

文章标签： java

本文链接：https://blog.csdn.net/qq_38186433/article/details/73197956

版权

一：HTML入门

心得;学习html标签要记住主要的关键字，进行分类记忆

文本标签-----多为英文单词的第一个字母

超链接标签-----<a href 开头

图像标签-------<img

转义字符(以&开头，以;结尾)

表单标签--------<form

下拉标签--------<select

框架集------<frameset

1.软件结构分类： c-s结构（Client--Server 客户端--服务器端）

典型应用：QQ

特点：
1）必须安装特定的客户端程序
2）服务器软件升级，客户端的软件同步升级！

我们java就业班开发的软件，大部分都是基于BS结构的（BS--->Browser--Server 即浏览器端--服务器端），这种软件俗称网站，网站是由网页组成。一个网页就是由html页面组成，html是一门网页制作的语言。
典型应用：

163网站，华育官网，游戏官网。。。
特点：
1）不需要特定的客户（只需要浏览器软件）
2）服务器软件升级，浏览器客户端不需要升级！

2.HTML语言

html语言是一门网页制作语言，html语言由标记组成，学习html就是掌握一些常用的标记

3.HTML的基本结构（基本标签）

<html> --html开始标签
<head> -- 文件头（用户在浏览器的主体是看不到的）

</head>
<body> --文件体（用户在浏览器的主体看得到）

</body>
</html> --html结束标签

4.文本标签(body里面的标签)

通过html代码和实时视图展示

5. 超链接标签

通过html代码和视图展现

常用的属性：
href 表示链接到的地址（文件）
target 打开资源方式 _self: 当前窗口打开， _blank: 新窗口打开

常见的协议：
file:// 本地文件协议（本地或局域网）在href中不写就是使用这个默认协议
http:// http协议（执行流程）通常连接到域名或IP地址(画图讲解http协议执行流程)
thunder:// 迅雷下载软件的协议
mailto:发送邮件协议

超链接作用；
1）链接到资源
2）作为锚点使用
打锚点： <a name="锚点名称"></a>
去到锚点： <a href="#锚点名称">内容</a>

6. 图像标签
img 图像标签
常用属性：

src : 表示图片源位置
width: 图片宽度
height: 图片高度
alt: 替代文本。当图片的src属性失效时，alt属性的内容就会生效
title: 提示文本。当鼠标放到图片上面出现。
地图（热点区域）：map
热点： area，设置图片上可以被点击的区域（用工具做之后进行简单分析）

7.转义字符
在html语法中，存在一些特殊的字符，这些字符是不能直接原样输出。如果想让这些特殊字符原样输出的话，
那么就需要进行转义。
常见的转义字符：
特殊字符转义字符(以&开头，以;结尾)
需求:在浏览器中显示：<h1>标题</h1>
< < letter than
> > greater than
& &
需求：在浏览器中输入华育国际
空格  
王老吉加上商标和版权：
版权 ©
商标 ®

8. 表格标签

table 表格
tr 行
td 单元格
th 表头
caption 标题
常用的属性：
border 表格的边框
width 宽度
heigth 高度
align 对齐方式。 left: 左对齐 center:居中 right：右对齐
rowspan 行合并。把多行的单元格合并
colspan 列合并。把多列的单元格合并

9.表单标签（重点）
作用：用于采集用户输入的数据，提交给后台程序处理

表单标签：
<form> 就是一个表单
<input type="text"> 单行输入域
<input type="password"/> 密码输入域
<input type="radio"/> 单选按钮
<input type="checkbox"/> 多选按钮
<select/> 下拉选项
<input type="hidden"/> 隐藏域。特点：不会显示到html页面上，但可以携带数据。
<input type="file"/> 文件选择器
<textarea></textarea> 多行输入域
<input type="submit"/> 提交按钮(注册)
<input type="button"/> 普通按钮
<input type="reset"/> 重置按钮
注意：
form表单里面有两个属性需要大家注意：
action="表单需要提交到哪个路径"
method=get/post

10. 框架标签

frameset 框架集
属性：
cols: 按照列的方向来划分框架
rows: 按照行的方向来划分框架
以上两个属性的值填每个框架的比例或者长度
*号表示其他框架分配完之后剩下的比例

frame 表示一个框架，框架中包含一个html页面
有2个或2个以上的frame就会包含在frameset当中。

好久不见丶T_T

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
笔记（4月11日，HTML基础）

一：HTML入门1.软件结构分类： c-s结构（Client--Server 客户端--服务器端）典型应用：QQ特点：1）必须安装特定的客户端程序2）服务器软件升级，客户端的软件同步升级！我们java就业班开发的软件，大部分都是基于BS结构的（BS--->Browser--Server 即浏览器端--服务器端），这种软件俗称网站，网站是由网页组成。一个网页就是由h
复制链接

扫一扫