前端与 HTML | 青训营笔记

127 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天 HTML是一种标签语言,它的全名是超文本标签。该系统包含了一组标记,利用这些标记可以统一网络文件的格式,并将分散的互联网资源整合成一个逻辑的整体。HTML文字是一种描述文字的 HTML命令,它能解释文字、图形、动画、声音、表格、链接等。

head标签:页面的标题、页面用了哪种编码

body:页面的内容

DOM树:

image-20230115111241042

HTML语法

标签和属性不区分大小写,推荐小写;空标签可以不闭合;属性值推荐使用双引号包括;某些属性值可以省略

标题

image-20230115111601493

列表

image-20230115111755131

ol:有序列表

ul:无序列表

dl:定义列表;dt:标题;dd:值

链接

image-20230115112147558

target=“_blank” :新窗口打开该链接

图片

image-20230115112440093

alt:替代性的文本(当图片加载失败时,显示该文字)

width:宽度

audio:音频;controls:浏览器的默认播放空间

video:视频

输入

image-20230115112738394

placeholder:默认显示的值

type = "range":滑动条

type = "number" min ="" max=""数字最大最小

textarea:多行输入

input type = "radio":单选

input type = "checkbox":多选

select:下拉选择 option代表选项

input list 下面的datalist代表快捷输入

blockquote cite = ""长引用

cite = 短引用(作品名字)

q = 短引用(具体内容)

p code

pre code 长代码

strong = 强调

em = 一段话中需要重读的一个词

内容划分

image-20230116140603786 总结 [注意] ①HTML语法不区分大小写一样 ②文档注释使用<!–注释内容–> ③代码的格式:空格、回车不起作用(无论多少个空格只用一个空格起作用) ④缩进保持严格的规则,以“Tab”键进行缩进(为了使代码看着简洁,不缩进也不影响) ⑤字符实体:实体名称代替特殊符号,例如使用&/t或<代替< 常用的标签有: