一、HTML基本语法
1.HTML标签
标签分类:单标签(<br />)、双标签(<p>输入内容</p>)
2.HTML元素
1.元素:开始标签、元素内容、结束标签。
2.元素内容:
- 可以为纯文本或者其他HTML元素。
- 单标签是不能添加元素内容的
3.标签级别:
- 容器级:标签内部可以存放任意内容,包含容器级标签。比如h1,div等。
- 文本级:标签内部只能存放文字或类似文字的内容,比如存放图片、表单元素等。比如 p等。
4.元素特性:
- 元素间对空格、换行、缩进等形成的空白不敏感
- 空白折叠现象:空格、换行、缩进等空白字符,会折叠成 一个空格显示
3.HTML属性
1.属性:可以提供关于HTML元素的更多信息。
2.属性规范:
- 必须写在开始标签或者单标签之内,与标签名之间用空格进行分隔
- 属性包含:属性名(key)、属性值(value)。(<p k="v"></p>)
- 一个标签内可以设置多个不同的属性,属性与属性之间使用空格进行分隔,每个属性的键 值对写法都是k="v"。(<p k="v" k="v" k="v"></p>)
- 部分标签属性k可以设置多个属性值v,所有属性值v都必须写在同一对双引号内,值与值之 间需要使用空格分隔。(<p k="v1 v2 v3 v4"></p>)
二、HTML常用标签
- 注释(<!--注释内容-->)
- 标题(<h1></h1>~<h6></h6>):<h1>标签最重要,<h2>标签次重要,以此类推。约定俗成的,一个页面中只会出现一个<h1>
- 段落<p>
- 换行<br />
- 图像<img>
- 音频<audio>和视频<video>:controls属性设置播放器的控制条。
- 超链接<a href="目标地址"></a>
- 列表:无序列表<ul><li>、有序列表<ol><li>、定义列表<dl><dt><dd>
- 布局标签<div>、<span>
三、HTML基本语法
1.表格<table>:
- tr:行、td:列;
- rowspan:跨行和并,colspan:跨列合并。
2.表单<form>:收集用户输入信息,一个完整的表单通常由表单域、提示信息和表单控件(也称为表单元素)3个 部分构成。
- 表单域:相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处 理表单数据所用程序的url地址,以及数据提交到服务器的方法。如果不定义表单域, 表单中的数据就无法传送到后台服务器。
- 提示信息:一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。
- 表单控件:包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提 交按钮、重置按钮等。
3.表单元素<input>标签常用属性
4.表单元素<textarea>文本域:可输入多行文本
5.表单元素下拉菜单<select><option>组合形成
6.表单元素<label>:是帮表单元素定义标注(标记)
7.字符实体: