这是我参与「第五届青训营 」伴学笔记创作活动的第1天
课堂笔记
本堂课主要讲了：
- [HTML](Hyper Text Markup Language)是超文本标记语言
- 所谓超文本就是它可以加入图片、声音、动画多媒体等内容，不仅如此，它还可从一个文件跳转到另一个文件，与世界各地主机文件链接。
HTML 骨架格式
<!-- 页面中最大的标签 跟标签 -->
<html>
<!-- 头部标签 -->
<head>
<!-- 标题标签 -->
<title></title>
</head>
<!-- 文档的主体 -->
<body>
</body>
</html>
文档类型 < !DOCTYPE >
- 用来说明你用的XHTML或者HTML是什么版本。 < !DOCTYPE html>告诉浏览器按照HTML5标准解析页面。
DOM 树
graph LR
document(document) --> html ;
html --> head;
html --> body;
head --> meta;
head --> title;
body --> h1;
body --> p
HTML 常用标签
- 标题标签h(h1~h6)
- 段落标签
<p></p>,可以把HTML文档分割为若干段落
<p>今天天气很不错</p>
-
换行标签
<br /> -
strong和b文字加粗 -
i和em文字斜体显示 -
img图像标签 -
a标签可以给文字,图片,音乐,其他标签添加超链接功能,默认会给表字体颜色以及添加下划线 href 属性. 可以是本地的资源,也可以是网络路径 -
ol有序列表 -
ul无序列表 -
input标签
| 属性 | 描述 |
|---|---|
| placeholder | placeholder属性规定可描述输入< input>字段预期值的简短的提示信息 |
| type = 'range' | 界面会显示滑动块 |
| type = 'number' | 用户输入数字 |
| type = 'data' | 用户输入日期 |
