Html5基础标签记录

一． 创建文件时一定要以.html结尾，才是创建了html文件

二． 当写完html文件，右击“open in defult browser”打开页面预览，也可以使用快捷键Alt+B。

三． 标题标签<h1></h1>有1-6六个，每一种对应一种文字大小

四． 段落标签<p></p>再两个标签中间写文字，里面的内容为一段，但是要注意两段之间会有一行空出来。

五． 文字形式标签<br />换行，<strong></strong>加粗<em></em>倾斜<del></del>删除线<ins></ins>下划线

六． <div>:盒子标签，填装内容，本身没有语义，可以填充文字或者图片，每个div占用一行，即一行之中只能显示一个div盒子

<span>：盒子标签，填充内容，基本和div相同，但是可以一行显示多个，每个中间有间隔。

七． 图像标签：<img src=”图像的URL（即本机之中图片所在位置）“/>

          可以设置当图片显示不出来时候的样式，格式为<img src=”” alt=””>

八． title标签：当鼠标放到内容上，会显示的提示文字，用法与alt相似，可以同时添加

九． width宽度，height高度，border边框样式，这里面的调试可以按比例，也可以按像素。

十． 相对路径：图片相对于目前的HTML文件的位置

十一．      超链接：语法：<a href=”跳转的网页网址“ target=”目标窗口跳转的方式“>文本或图片</a> 其中target的值可以是_self是默认值 _blank在新窗口中打开 ex:<a href=”qq.com”>腾讯</a>,当目前网址不确定时候，网址可以用#替代。

十二．      注释标签用ctrl+/

十三．      表格标签（包含列表）：<table><tr>（行）<td>单元格文字</td>（每个小格，td在tr中可以做多个，想要多少个就写多少个标签）</tr></table>

十四．      表头标签：<th>文字</th>

十五．      表格属性标签（可以使用CSS进行修改）要写在标签之后

十六．      合并单元格：跨行合并rowspan= 个数  跨列合并colspan=个数

十七．      无序列表标签（默认前面会有个·的符号，可用CSS修改掉）：<ul><li>列表项1</li><li>列表项2</li></ul>

十八．      有序列表标签（默认前面会有1.2.3标号显示）：<ol><li>列表项1</li><li>列表项2</li></ol>

十九．      表单元素：1.<input type=“属性值“/>

属性值：button：可点击按钮   checkbox：复选框（要有相同name值） file：输入字段和“浏览按钮，供上传使用  hidden隐藏的输入字段       image：图像提交按钮  password：密码字段（会将输入内容隐藏掉）  radio:单选按钮（要起相同的name值才可以是实现多选）reset：重置按钮（清楚表单全部元素） submit：提交按钮 text：单行输入按钮  name：定义input元素名称（用在input中） value：定义input元素值（在input中使用）  checked：定义默认的input中的选项  maxlength：规定输入的最长长度

二十.下拉表单元素：<select><option>选项1</option><option>选项2</option></select>（至少包括两个option）

二十一.写在最后：w3h（https://www.w3school.com.cn/）和百度绝对是个好伙伴

二十二.CSS内容较多，使用辅助插件可以搜索到有效的CSS插件，主要还是要自己看视频或者看代码，去学习使用的方法和规范格式。