HTML标签和字符编码

HTML常用标签
1.0 其他标签
注释<!--这是一段注释-->
标签定义文档与外部资源的关系。<link>

1.1标题标签

 有六个, 从 h 1 - h 6 . 数字越⼤, 则字体越⼩.
<h数字序号>h1</h数字序号>
 

1.2文本标签
换行标签<br>
换行线标签<hr>
段落标签<p></p>加粗<b></b>或<strong></strong>
斜体<i></i>
下划线<u></u>

下标<sub></sub>

删除线<del></del>

规定字体属性,规范化使用style<font size="14px" color="red"></font>
size 字体的大小
color 字体颜色

代码样式原样输出<pre></pre>
通常语义化在其中添加<code></code>标签,在pre中的内容将按照源代码的布局格式包括‘tab’‘空格’原样不处理行宽溢出输出,但会解析<>标签

1.3列表标签
1.3.1无序列表
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>
1.3.2有序列表
<ol type="1"> <!--有序数字列表-->
    <li>NO1</li>
    <li>NO2</li>
    <li>NO3</li>
    <li>NO4</li>
</ol>
数字列表 默认 数字
小写字母列表 a
大写字母列表 A
罗马字母列表 I
小写罗马字母列表 i
1.4table 表格

border 边框
width 宽度
height 高度
colspan 行
rowspan 竖
cellpadding 单元边与内容的空白
cellspacing 单元格的空白
1.5img 标签
img 元素向网页中嵌入一幅图像。<img src="/image.jpg" alt="这是一张加载不出来的图片" />
alt 规定图像的替代文本。
src 规定显示图像的url
width 规定图片的高度
height 规定图片的宽度
1.6a标签
用于控制界面与页面之间的跳转
_blank用于在新的选项卡中跳转,也就是新建页面跳转
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
1.7form表单

是用户输入信息与网页互动的一种形式。大多数情况下,用户提交的信息会发给服务器,比如网站的搜索栏就是表单。

表单由一种或多种的小部件组成,比如输入框、按钮、单选框或复选框。这些小部件称为控件(controls)。

1.8input标签
<input/>

type=password 密码输入框
type=file 文件上传
type=hidden 隐藏域
type=checkbox 复选框
type=radio 单选框
type=submit 提交按钮
type=reset 重置按钮
disabled 规定应禁用 input 元素。
max 规定 input 元素的最大值。
min 规定 input 元素的最小值。
pattern 规定 input 元素的值模式。
required 规定 input 字段必填。
type 规定 input 元素的类型。
1.9label标签
label标签为 input 元素定义标注(标记)<lable></lable>

label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

1.10div标签
用于分隔,构建框架

1.11frame框架的使用
frameset 元素可定义一个框架集。它被用来组织多个窗口(框架)。每个框架存有独立的文档。在其最简单的应用中,frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。

frameset 在一个页面中设置一个或多个框架 不能嵌套在body标签里
iframe 是在html页面内嵌入框架 框架内可以连接另一个页面

frameset 不能在body内使用
frame 一般都是在frameset中使用
cols 定义框架集中列的数目和尺寸
rows 定义框架集中行的数目和尺寸

scrolling 滚动条
auto 在需要的情况下出现滚动条(默认值)。
yes 始终显示滚动条(即使不需要)。
no 从不显示滚动条(即使需要)

字符编码:

UTF-8 编码是 Unicode 字符集的一种表达方式。这个字符集的设计目标是包含世界上的所有字符,目前已经收入了十多万个字符。

每个字符有一个 Unicode 号码,称为码点(code point)。如果知道码点,就能查到这是什么字符。举例来说,英文字母a的码点是十进制的97(十六进制的61),汉字“中”的码点是十进制的20013(十六进制的4e2d)。

由于下面的原因,不是每一个 Unicode 字符都能直接在 HTML 语言里面显示。

(1)不是每个 Unicode 字符都可以打印出来,有些没有可打印形式,比如换行符的码点是十进制的10(十六进制的A),就没有对应的字面形式。

(2)小于号(<)和大于号(>)用来定义 HTML 标签,其他需要用到这两个符号的场合,必须防止它们被解释成标签。

(3)由于 Unicode 字符太多,无法找到一种输入法,可以直接输入所有这些字符。换言之,没有一种键盘,有办法输入所有符号。

(4)网页不允许混合使用多种编码,如果使用 UTF-8 编码的同时,又想插入其他编码的字符,就会很困难。

HTML 为了解决上面这些问题,允许使用 Unicode 码点表示字符,浏览器会自动将码点转成对应的字符。

字符的码点表示法是&#N;(十进制,N代表码点)或者&#xN;(十六进制,N代表码点),比如,字符a可以写成&#97;(十进制)或者&#x61;(十六进制),字符可以写成&#20013;(十进制)或者&#x4e2d;(十六进制),浏览器会自动转换它们。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

殇ベ生

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值