个人笔记五、HTML

目录

1.概念

2.结构

3.语法

4.常用标签

5.input标签

6.表格标签

 7.元素分类

---

1.概念

• HTML（Hyper Text Markup Language）超文本标记语言，是做网站页面的最基础的开发语言，由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。由W3C组织发展壮大。

2.结构

• 文档声明，用来声明HTML文档所遵循的HTML规范。
• 头部分，用来存放HTML文档的基本属性信息，比如网页标题、编码格式，这部分内容会被网页优先加载。
• 体部分，用来存放网页要显示的数据。
• 声明网页标题
• 用来通知浏览器使用哪个编码来打开HTML文档，打开的方式一定要和保存文件时使用的编码一致

3.语法

• HTML标签

HTML是一门标记语言，标签分为开始标签和结束标签，如<a></a>。

如果开始和结束中间没有内容，可以合并成一个自闭标签

• HTML属性

HTML标签都可以具有属性，属性包括属性名和属性值，如果有多个属性，要以空格隔开。属性的值要用单引号或者双引号引起来。如：<a href="" target="" name="" id=""></a>

• HTML注释：格式：<!--    -->

4.常用标签

1. <p></p>:该标签被用来放段落，paragraph的缩写
2. <h></h>:标签，header表示标题，从h1到h6
3. <hr>:分割线
4. <br>:换行标签，对应的是单词是break
5. <nobr></nobr>不换行
6. <center></center>:居中显示
7. <button></button>:按钮

8. <a></a>:超链接

   target="self"  :在当前界面打开该链接

   target="_blank":在新的界面打开该链接

9. <img></img>:图片标签

10. 列表标签: ol + li 有序       ul + li 无序

5.input标签

<input type="text" />      普通文本框
<input type="password" /> 密码
<input type="radio"/>男   单选框
<input type="number" />   数字值
<input type="week" />    日历
<input type="checkbox" />杨幂  复选框
<input type="button"  value="点我一下"/>
<input type="submit"  value="提交数据"/>

6.表格标签

 7.元素分类

块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote

行内元素有：a、b、span、img、input、strong、select、label、em、button、textarea