标签:关系 人民币 charset 返回 html常用标签 修改 空格 str 特殊字符
主要包括结构、表现和行为三个方面。
标准 | 说明 |
---|---|
结构 | 用于对网页元素进行整理和分类(HTML) |
表现 | 用于设置网页元素的外观样式(CSS) |
行为 | 网页模型的定义及交互的编写(JavaScript) |
如果将web标准比喻为一只鸟,则
双标签关系分为:
<!--head标签包含title标签-->
<head>
<title></title>
</head>
<!--head标签与body标签并列-->
<head></head>
<body></body>
标签名 | 定义 |
---|---|
<html></html> | html标签 |
<head></head> | 文档的头部 |
<title></title> | 文档的标题 |
<body></body> | 文档的主体 |
<!DOCTYPE html> <!--文档类型声明标签-->
<html lang="en"> <!--en:英语,zh-CN:中文-->
<head>
<!--字符集,UTF-8为万国码,统一使用-->
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
一个标题独占一行。(块级元素)
<h1>
一级标题(字号最大)
</h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6>
六级标题(字号最小)
</h6>
用于将HTML文档分割为若干段落。
特点:
<p>
这是一个段落
</p>
用于强制换行。
特点:
<br>这是换行标签
语义 | 标签 |
---|---|
加粗 | <strong></strong> |
倾斜 | <em></em> |
删除线 | <del></del> |
下划线 | <ins></ins> |
用于界面布局。
特点:
<div>
这是大盒子
</div>
<span>这是小盒子</span>
用于定义页面中的图像。
<!--属性与属性之间用空格分开-->
<img src="图像的url" alt="" title="">
属性 | 说明 |
---|---|
src | 图片路径(必须属性) |
alt | 图像不能显示时的替换文本 |
title | 鼠标放到图像上显示的提示文本 |
width | 设置图像的宽度 |
height | 设置图像的高度 |
border | 设置图像的边框粗细(在CSS中修改) |
注:图像的宽和高一般只修改其中一个,另一个会随之调整。
相对路径分类 | 符号 | 说明 |
---|---|---|
同一级 | src="文件名" | |
下一级 | / | src="同一级文件夹名称/文件名" |
上一级 | ../ | src="../文件名" |
注意:绝对路径用“\”分隔,相对路径用“/”分隔。
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
属性 | 作用 |
---|---|
href | 链接目标的url(必须属性) |
target | 链接页面的打方式。_self:在当前窗口打开(默认值),_blank:在新窗口打开 |
外部链接:例如http://www.bilibili.com
内部链接:网站内部页面之间的相互链接,例如index.html
空链接:#
下载链接:地址里是一个文件或压缩包
网页元素链接:在网页中的各种网页元素都可以添加超链接
锚点链接:可以快速定位到页面中的某个位置
链接:<a href="#名字"></a>
找到目标位置标签,里面添加一个id属性,<h2 id="名字"></h2>
返回顶部:<a href="#"></a>
<!--这是一行注释-->
特殊字符 | 描述 | 字符的代码 |
---|---|---|
空格符 | | |
< | 小于号 | < |
> | 大于号 | > |
& | 和号 | & |
¥ | 人民币 | ¥ |
? | 版权 | © |
? | 注册商标 | ® |
° | 摄氏度 | ° |
± | 正负号 | ± |
? | 乘号 | × |
? | 除号 | ÷ |
2 | 平方 | ² |
3 | 立方 | ³ |
注:重点记住前三个。
标签:关系 人民币 charset 返回 html常用标签 修改 空格 str 特殊字符
原文地址:https://www.cnblogs.com/chiYiN-zZZ/p/13374052.html