HTML

最新推荐文章于 2022-12-12 21:39:04 发布

编程有了模型

最新推荐文章于 2022-12-12 21:39:04 发布

阅读量666

点赞数 2

分类专栏： HTML Java EE

本文链接：https://blog.csdn.net/qq_1018944104/article/details/83098309

版权

Java EE 同时被 2 个专栏收录

20 篇文章 3 订阅

订阅专栏

HTML

1 篇文章 0 订阅

订阅专栏

0.软件开发架构

C/S：client / server（QQ，lol）

优点：预先加载数据在本地（对带宽要求低了，加载速度提升了）；安全性能较高（因为协议可以自定义）。
缺点：更新（客户麻烦；版本客户群碎片化；开发维护的成本变高）；占用客户端资源。

B/S：browser / server（百度、淘宝、京东）http/https（https：加密传输，权限验证）

优点：更新（更新速度快，开发维护成本低）；资源在服务器端（占用开发资源，不占用客户资源）。
缺点：协议是公共协议，安全性能相对应C/S略低；不适合做对及时性要求高的业务（网络游戏）。

1.前端开发工具

记事本、notepad、dreamweaver（网页三剑客）、sublime、webstorm（jet brains：Intellij idea）、hbuilder（h5）（正在使用）。

2.什么是html？

hyper text markup language：超文本标记语言
什么是超文本？展示信息更加丰富（文本、图片、音频、视频、动画等）
什么是标记语言？写html文档就是在写标签（html由标签+文本组成）。不需要编译，借助于浏览器解释。

3.什么是html标签？

html标签是html文档的基本组成单元。
由尖括号包围一个关键字组成，比如<html>
标签一般成对存在，存在开始标签和结束标签，比如<html>内容区</html>
标签允许正确嵌套，比如<html><head></heat></html>
开始标签允许使用属性，属性值需要用双引号包围，比如<a href=" "></a>
标签建议使用小写。

4.如何编写html文档？

创建以 .html / .htm 结尾的文件
在文档中编写标签
在浏览器中运行

5.常用的html标签有哪些？

常用标签介绍：

标题标签：做强调作用（字体较大，有加粗效果，独占一行）

h1…h6

水平线：<hr />

没有内容区，就只写一个标签，而不是成对存在，也可以写成<hr></hr>，但没有内容。
默认占满整个父级元素宽度。

注释标签：

段落标签：<p></p>

换行标签：<br />（被称为单标签或空标签）

超链接：<a></a>

href：链接资源的路径（#：空），链接本地资源和网络资源。
- 本地资源：绝对路径和相对路径
- 网络资源：需要协议
target：目标，表示链接的资源如何打开
- _self：默认，覆盖打开
- _blank：新标签页打开
- _parent：父级窗口打开
- _top：顶级窗口打开
锚链接：在当前文档内进行跳转，设置代码如下：

<a href="#p1">跳转</a>
<!--id代表每个标签唯一标识-->
<p id="p1">哈哈</p>

图片标签：<img />

src：图片资源（本地资源，网络资源）见代码笔记
alt：图片为正确展示时用于提示
title：鼠标悬停提示

列表标签：无序列表<ul><li></li></ul>、有序列表<ol><li></li></ol>、自定义列表<dl></dl>

自定义列表：<dl><dt></dt><dd></dd></dl>
- <dt></dt>：代表列表项
- <dd></dd>：代表列表项的说明（备注）

表格标签：

<table></table>：代表表格
- border：代表边框
- cdllspacing：单元格之间的间距
- cellpadding：单元格的内边距（边框和内容之间的间距）
<tr></tr>：代表行
<td></td>：代表单元格
- colspan：跨列
- rowspan：跨行
- align：文本对其方式（left，center，right）
备注信息：thead表头（标题）、tbody表格正文、tfoot统计信息

表单标签（http请求：公开协议（包含很多key/value键值对））：

<form></form>：代表表单
- action：动作，服务器url（统一资源定位符）
- method：请求方式（http请求：get / post）
  - get：请求路径？参数（key=value&key1=value1），数据在请求路径后面。
  - post：数据封装在请求体中。
<input/>：表单项标签（文本框，密码框，单选，多选等）
- type：表单项类型
  - text：文本输入框
  - password：密码框
  - button：按钮
  - submit：提交按钮
  - radio：单选
  - checkbok：多选
  - file：文件上传（请求方式必须是post，enctype="multipart/form-data"）
- value：表单项值（传输给服务器的值）
- name：表单项的名称（传输给服务器的key）
- checked：控制选中状态（单选、多选常用）
  - 值为checked：表示选中
  - 空字符串：表示未选中
<select></select>：下拉列表
- <option></option>：下拉列表项
<textarea></textarea>：文本域（多行多列的文本输入框）

div标签 + css：

页面布局
默认和父级元素宽度一致，高度默认为0
块级元素：独占一行（不与其他元素共享一行）

span标签：标记，是内联元素（行内元素，可以和其他元素共享一行）

实体：如下表格中列出

最常用的字符实体
显示结果	描述	实体名称	实体编号
	空格
<	小于号	<	<
>	大于号	>	>
&	和号	&	&
	引号	"	"
	撇号	'(IE不支持)	'
其他一些常用实体
显示结果	描述	实体名称	实体编号
	分	¢	¢
	镑	&pount;	£
	日圆	¥	&#165
	节	§	&#167
	版权	©	&#169
	注册商标	®	&#174
	乘号	×	&#215
	除号	÷	&#247