初学入门，可能有些地方会理解有误，恳请批评指正~
1. style属性：改变背景颜色，设置颜色、字体、尺寸，设置文本对其方式等，包含很多定义html元素的样式的值。
2. 编辑器中的空格与回车：英文单词分隔符，不管写几个空格或回车都代表一个分隔，不代表空格文本或者回车文本。
3. 空格文本的展示形式： （html编码，形式为：& ；）
<的展示形式：< （less than）
>的展示形式：> （great than）
4. 回车的展示形式：<br>标签，自己代表回车功能，不需要成对出现，叫单标签。
5. 有序列表——<ol></ol>标签（order list），与<li></li>成组出现，以 <li>标签来代表列表项。（用处不大）
（1）<ol></ol>标签中可添加type属性，type属性有五种，“1”——阿拉伯数字，“A”——大写英语，“a”——小写英语，“I”——大写罗马数字，“i”——小写罗马数字。
（2）<ol></ol>标签中可添加reversed属性，reversed="reversed"，则倒叙排列。
（3）<ol></ol>标签中可添加start属性，可以设置排序的起始位置，例如start="5"，将从第五位开始排列。
6. 无序列表——<ul></ul>标签（unorder list），与<li></li>成组出现，以 <li>标签来代表列表项。
（1）只有type属性可以更改，默认值是"disc"（discircle实心圆），其他属性有"square"（方块），"circle"（空心圆）。
（2）<ul></ul>标签和<li></li>标签是父子结构。有一个功能有很多功能子项组成，每一个功能子项的功能和样式基本上都是相同的，只是内容稍微有点不同，这时可以用<ul></ul>和<li></li>展示。
7. <img>标签，单标签，标签含有style属性、src属性（source）等，
（1）src属性是图片的资源地址：
<1>网上url
<2>本地的绝对路径
<3>本地的相对路径
（2）alt属性：图片占位符，当图片地址发生错误时，展示文字信息，图片地址不出错，则不显示。
（3）title属性：图片提示符，当鼠标放在图片上时，会提示title属性中的内容。
8. <a></a>标签（anchor）：
（1）超链接功能
<1>头标签中有一个属性href（hyperText refernce超文本引用），其值是你所指向的目标地址。<a></a>标签可以包裹任何东西。
<2>头标签中有一个属性target，设置target="_blank"，则在一个新的标签页中打开链接。若无"_blank"，则在本标签页上打开。
（2）作为锚点，记录位置，要用到id属性。（例如回到顶部的功能）
（3）打电话或发邮件：href设置为href="tel:电话号码"，点击后会给电话号码拨打电话。href设置为href="mailto:邮箱"，点击后会给邮箱发邮件。
（4）协议限定符：href设置为href="javascript:具体代码内容"，点击后会强行运行javascript代码。
9. <form></form>标签：表单标签（可以发送数据到后端）
（1）method属性，是发送数据的方式，有两种："get","post"。
（2）action属性，发送的地址
（3）<form></form>标签：有<input>组件，<input>中的type属性决定<input>的类型，例如type="text",type="password",type="submit"。
<1><input>中也有value属性，value值显示给用户。
<2>发生的数据要包括数据值和数据名，<input>中有name属性，是数据名。同一个选择题中选项的name属性必须相同。
<3>type="radio"，radio表示单选框，后面跟name属性表示属于哪一道题，即数据名。后面跟value值表示提交的内容。
<4>type="checkbox"，表示复选框。
<5><input>中checked属性，checked="checked"，表示该选项默认选中。
（4）<form></form>标签：有<select></select>组件,和<option></option>成组出现，表示下拉菜单。<option></option>标签包裹下拉项。可在<select>头标签中设置name属性和value属性，也可在<option>头标签中设置属性。
2018-10-17（渡一教育“web前端开发HTML+CSS精英班”笔记）
继续加油啦
网友评论