html的pp标记的作用,HTML学习笔记 · sonnypp

爱被打了一巴掌 2022-10-06 13:52 167阅读 0赞

![66b52468c121889b900d4956032f1009.png][]

8种机械键盘轴体对比

本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？

HTML是一种描述网页的语言，指的是超文本标记语言；HTML并不是编程语言，而是一种标记语言！

HTML标签：由尖括号包含的关键词，如 ；一般都是承兑出现的，如

;标签对中第一个叫开始标签，第二个加了/的叫结束标签。

HTML元素：开始标签+内容+结束标签，如：1

内容

有些标签是没有结束标签，如

--------------------

在开始标签中闭合的叫空元素

HTML格式如下：1

Hello World

是文档声明，有助于浏览器中正确显示网页。其实就是声明了HTML的版本。目前通用的html5文档声明为 。

元素说明文档为html文档，也是根元素；

定义标题，就是显示在浏览器工具栏中的标题名称；

描述了基本的元数据，如下，(当然还有其他的，需要以后慢慢摸索啦…)1

// 定义字符编码，通常用utf-8

// 每5秒刷新页面，可以在5后面加URL

// 不仅仅可以放在head元素中，还可以放在当前文档的

元素中

标题：

# , #

## , ##

### , ###

#### , ####

##### , #####

###### 显示在页面上字体按顺序由大到小 ######

段落：

换行：

分割线：

--------------------

引用短的句子： 显示在页面中就是将句子加了一个“双引号”，但是不要只为了需要双引号而是用

引用大块的句子或段落：

显示在页面是整体缩进,但是不要只为了需要缩进而使用

> ,cite属性值是引用的出处
> 
> 定义作品标题：
> 
> 粗体：
> 
> 斜体：
> 
> 强调： 显示为斜体，不要为了使用斜体而是用em
> 
> 强调： 比em更强烈的强调，显示为粗体,不要为了使用粗体而是用strong
> 
> 计算机代码：``
> 
> 保留：
> 
> 可以保留文档中的空格、换行和TAB
> 
> 上标：
> 
> 下标：
> 
> 无意义标签：
> 
> ,可以用来和css配合改变文字的样式
> 
> 全局属性：id 必须以字母开头(大小写都可)，后面跟字母(大小写都可)、数字(0-9)、连字符(“-“)、下划线(“\_”)、冒号(“:”) 以及点号(“.”)；文档中不能有相同的ID名称；
> 
>  class 必须以字母开头(大小写都可)，后面跟字母(大小写都可)、数字(0-9)、连字符(“-“)、下划线(“\_”)；文档中可以有相同的class名称；
> 
>  style 行内样式
> 
>  title 显示额外信息
> 
> 注释：
> 
> 实体字符：
> 
>  < <
> 
>  > >
> 
>  & &
> 
>  空格
> 
>  © ©
> 
> 图像：![Image 1][], alt中的文本描述图片基本信息，当页面加载不出来图片的时候就会显示alt中的文本；可以和合作将图像定义客户器端图像映射，如下1
> 
> 2
> 
> 3
> 
> 4
> 
> 5
> 
> 6
> 
> 7
> 
> 8
> 
> 9shape定义区域的形状，coords定义区域的坐标，href定义URL。
> 
> 的usemap属性值只是在中name的属性值加\#，这个很重要
> 
> \-->
> 
> ![\#][Image 1]
> 
> 超链接： 有以下几种情况文本超链接 [超链接][Link 1] target属性有 \_self (默认，在当前页面打开链接页面)，\_blank (在新的窗口打开连接页面)，\_top (在整个窗口中打开被链接文档)，和中name属性配合显示在iframe中的页面。 title中的内容在鼠标放在链接文本上的时候会显示出来
> 
> 图像超链接 [![Image 1][]][Link 1]
> 
> 定义锚点1
> 
> 2
> 
> 3
> 
> 4
> 
> 锚点 // id 或者 name 都可以
> 
> 回到锚点
> 
> 显示在iframe中1
> 
> 2
> 
> 3
> 
> 4
> 
> 5
> 
> 6
> 
> 7
> 
> 8
> 
> 9
> 
> [显示在iframe中,咻][Link 1]
> 
> iframe 使用方法如下，会直接在iframe上显示对应的页面
> 
> \-->
> 
> 链接到邮箱或者手机1
> 
> 2
> 
> 3
> 
> 4
> 
> 5
> 
> 6
> 
> 7
> 
> 8
> 
> 9
> 
> 10
> 
> 11
> 
> 联系邮箱
> 
> 联系手机
> 
> mailto后可跟多个邮箱，最后一个邮箱用?结束，后面是”cc=邮箱”(抄送)，也可多个邮箱，用&结束，后面可跟“subject=主题”，以&结束，还可加“body=内容”，如下
> 
> [联系邮箱][Link 2]
> 
> %20在这里代表空格
> 
> \-->
> 
> 无序列表1
> 
> 2
> 
> 3
> 
> 4
> 
> 5
> 
> 6
> 
> 7
> 
> 8
> 
> 9
> 
>  *  html
>  *  css
>  *  javascript
> 
> 注：无序列表默认实心黑色圆点，type属性可以改变，共有三个值：disc(默认),circle(空心圆点),square(实心黑色方块)。当然用css最好。
> 
> 有序列表1
> 
> 2
> 
> 3
> 
> 4
> 
> 5
> 
> 6
> 
> 7
> 
> 8
> 
> 9
> 
> 1.  html
> 2.  css
> 3.  javascript
> 
> 注：有序列表默认数字排序，type属性可以改变，有好几个值：1(数字), a(字母)等等；shart属性可以改变排序从第几个开始，比如数字排序，start=”2”,排序第一个就不再是 1 ，而是 2 。用css改变样式。
> 
> 自定义列表1
> 
> 2
> 
> 3
> 
> 4
> 
> 5
> 
> 6
> 
> 7
> 
> html
> 
> 表述页面的标记语言
> 
> 注：ul ol dl 之间是可以相互嵌套的。
> 
> 表格1
> 
> 2
> 
> 3
> 
> 4
> 
> 5
> 
> 6
> 
> 7
> 
> 8
> 
> 9
> 
> 10
> 
> 11
> 
> 12
> 
> 13
> 
> 14
> 
> 15
> 
> 16
> 
> 17
> 
> 18
> 
> 19
> 
> 20
> 
> 21
> 
> 22
> 
> 23
> 
> 24
> 
> 25
> 
> 26
> 
> 27
> 
> 28
> 
> 29
> 
> 30
> 
> 31
> 
> 32
> 
> 33
> 
> 34
> 
> 35
> 
> 36
> 
> 37
> 
> 38
> 
> 39
> 
> 表头单元格
> 
> 表头单元格表头单元格
> 
> 注：td 或 th 的 colspan 属性可以合并列， rowspan 可以合并行。table 的 cellspacing 属性控制单元格间距， cellpadding 属性控制单元格边距。1
> 
> 2
> 
> 3
> 
> 4
> 
> 5
> 
> 6
> 
> 7
> 
> 8
> 
> 9
> 
> 10
> 
> 11
> 
> 12
> 
> 13
> 
> 14
> 
> 15
> 
> 16
> 
> 17
> 
> 18
> 
> 19
> 
> 20
> 
> 21
> 
> 22
> 
> 23
> 
> 24
> 
> 25
> 
> 26
> 
> 27
> 
> 28
> 
> 29
> 
> 30
> 
> 31
> 
> 32
> 
> 33
> 
> // actioin 表单提交地址; method 表单提交方式 post 或者 get; 定义id属性，可以让表单外的表单元素用 form 属性关联到此表单中 // 分区
> 
> 分区标题
> 
> 账号：
> 
> 密码：
> 
> learn:
> 
> html // 同一组 radio 的 name 值必须相同；checked 默认选中
> 
> css // input 外加 label 为了点击字体的时候也可选中radio ;另一种方法是 中的 for 属性和 radio 的 id 属性值相同
> 
> javascript
> 
> like:
> 
> 骑行 //
> 
> 书法
> 
> 旅行
> 
> 城市：
> 
> 北京
> 
> 上海 // selected 默认选中
> 
> 郑州
> 
> 简介：
> 
> // 按钮还是用 标签好一些
> 
> 提交
> 
> display 禁用； required 必须填写项； placeholder 提示词(显示灰色)；multiple 可多选；min max 最小值、最大值；width 和 height input属性；
> 
> input 的 type 属性还有其他值，比如，email，url,number, search,range,color,data,aurofocus
> 
> 还有list 和 datalist 的配合使用预选项
> 
> 也有新属性 这些等慢慢研究了再写
> 
> 视频1
> 
> 2
> 
> 3
> 
> 4
> 
> 5
> 
> 6 // controls 显示控制条； autoplay 自动播放；loop 循环播放；单个文件可以直接放在 src 属性中
> 
> 您的浏览器不支持video！
> 
> 音频1
> 
> 2
> 
> 3
> 
> 4
> 
> 5
> 
> 6
> 
> 您的浏览器不支持audio！

[66b52468c121889b900d4956032f1009.png]: /images/20221005/051f1f5726fa4d4f91df32706a1621ca.png
[Image 1]: 
[Link 1]: http://www.cnblogs.com/yunmengshu/
[Link 2]: mailto:%5Bemail%C2%A0protected%5D%5Bemail%C2%A0protected%5D&subject=The%20subject%20of%20the%20email&body=The%20body%20of%20the%20email