HTML&CSS基础课程1-5章笔记

HTML是网页内容的载体，内容就是我们浏览网页是看到的文字、图片、视频等等

HTML标签：

<p>段落，分段

<Hx>从h1一直到h6，重要性一次递减

<em>斜体,<strong>加粗，起强调作用，开发中很少用到

<span>没有语义，设置单独的样式用

<q> quote短文本引用

<blockquote>长文本引用 

<br/>换行，空标签，只有开始标签，没有结束标签

&nbsp;空格，注意分号是必须写的

<hr/>水平横线，这也是一个空标签

<address>地址

<code>一行代码

<code><h1>蝴蝶很美</h1></code>

如果不用code标签，我们看到的会是   蝴蝶很美

用了code 标签之后我们看到的是 <h1>蝴蝶很美</h1>

<pre>多行代码

<ul><li>列表

<ol><li>有序列表

<div>按照逻辑来划分的容器(根据自己的逻辑)

<div id="版块名称">...</div>

表格<table><tbody>控制加载<tr>行<th>头<td>列

summary摘要  caption标题

<a>是一个非常重要的标签，链接到另一页面；链接email地址

<a href="链接网址" title=“鼠标滑过显示的文本”>要点击的文本</a>

<a href="链接网址" target=“_blank”>要点击的文本</a>跳转到新的页面

<a href="mailto:yy@qq.com">发送</a>

<img src="图片地址">

表单标签<form method="post"  action="save.php">.......</form>

<label for="username">用户名：</label>,label增大点击区域，其他没有任何作用

输入框<input type="text/password" name=" 名称" value=" 文本"/>

当type是password的时候，就会变成点   name和value 服务器是通过名字来取值的

提交按钮<input type="submit"  value="提交">

重置按钮<input type=“reset” value="重置">

文本域，支持多行文本输入

<textarea rows="行数" cols="列数">文本</textarea>

单选框、复选框

<input  type="radio/checkbox"  value="值"  name="名称"  checked="checked/">文本

下拉列表<select>

<option value=“提交值（向服务器提交的）”>选项（显示的值）</option>

</select>

多选下拉列表框<select multiple="mutiple">

以上大部分都是非常重要的！！！