自学笔记--html

HTML
一。 标题标签<h1>--<h6>
语法；<h1>内容</h1>
特点；1.加了标题标签的文字会变的加粗，字号也会一次变大
2.一个标题独占一行
3.h1字体最大，h6最小，字体大小一次减小

二。段落标签和换行标签
语法；<p>内容</p>  将整个网页分为若干个段落
特点；1.文本在一个段落中会根据浏览器窗口大小自动换行
2.段落和段落之间保有空西

换行标签；<br/>
加粗标签；<strong>内容</strong>
倾斜标签；<em>内容</em>

三。<div>行内元素与<span>块级元素——
1.<div>与<span>是没有语义的，他们就是一个盒子，用来装内容的
特点；div标签独占一行
2.span标签可以用来布局，一行可以有多个<span>

四。图像标签<img >
语法；<img src="url" alt="图片加载不出来时能够显示文字" title="当鼠标经过时显示内容">单标签
路径的问题；
下一级：imgs/203.jpg
上一级；../imgs/203.jpg  【如果图片在多个上一级文件夹里面就写多个../../然后在写图片的名字】

五。超链接标签<a href="url地址" >链接的文字或图片</a>
1.内部链接；<a href="文件名.html">文字</a>
注意；如果href里面是一个文件或者是压缩包则会下载这个文件
2.锚点链接；<a href="#名字">内容</a>(标签中的id=名字)
3.如果连接的文件是一个zip压缩包，那么会下载压缩包

六。表格（先创建行，在创建列）
语法；<table  cellspacing="0"(设置了表格之间就没有空息了) align="center"(表格中的字体居中对齐)>（用于定义表格的标签）
<tr>(行标签)
<th>表头</th>（表头；比表格里面的内容字体粗，，用于表头的第一行）
<td></td>（列标签）
</tr>
</table>
合并单元格；【先在目标单元格写上代码，在把目标单元格之外的单元格删除】
语法；1.跨行合并；rowspan="合并单元格的个数"（最上侧单元格为目标单元格，代码写在此单元格）
2.跨列合并；colspan="合并单元格的个数"（最右侧单元格为目标单元格，代码写在此单元格）

七，列表
语法；<ul>（无序列表）{<ol>(有序列表)}
<li></li>(他们之间相当于一个容器，可以装所有元素)
</ul>
自定义列表；
语法；<dl>
<dt></dt>(字体能够加粗)
<dl></dl>
</dl>

八。表单标签（收集用户信息）【由表单域，表单控件，提示信息三个部分构成】所有的type都应该有value值
语法；<form action="url地址" method="提交方式" name="表单域名称">（action；用于将value接受并处理数据的服务程序的url地址   method；get/post  ）
<input type="属性值">
<select>
<option  selectd="selected"(默认此选项是第一选项)>选项1</option>
<option>选项2</option>
</select>
<textarea  rows="显示的行数" cols="每行中的字符数"></textarea>
</form>
type值有；button（定义可以点击的按钮）/checkbox（定义复先框【checked=“checked”就能实现默认先中了】）/password（定义密码字段）/radio（定义单先按钮【元素中的name值相同才能实现多先一】）
/submit（定义提交按钮）/text（定义输入字段，最多20个字符）/reset（重置按钮）/file（上传图片或文件）

九。HTML5
1.新增的语义化标签
<header>【头部标签】
<nav>【导航标签】
<article>【内容标签】
<section>【定义文档某个区域】
<aside>【侧边栏标签】
<footer>【尾部标签】

2.input新类型
<input type="email">
email【用户输入必须是电子邮件】time【必须是时间类型】month【输入必须是月类型】number【输入必须是数字型】tel【手机号码】search【搜索框】

3.新增的表单属性
required=“required”【拥有该属性表示内容不能是空，必填】
placeholder=“提示文本”【表单的提示信息，默认值将不显示】