HTML基础学习笔记

整理于2015/6/5 会一直更新的

Html和CSS的关系

学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。

  1. HTML是网页内容的载体。

  2. CSS样式是表现。

  3. JavaScript是用来实现网页上的特效效果。

标签的语法

  1. 标签由英文尖括号<和>括起来,如<html>就是一个标签。

  2. html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。

代码讲解:

  1. <html></html>称为根标签,所有的网页标签都在<html></html>中。

  2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title><script><style><link><meta>等标签,头部标签在下一小节中会有详细介绍。

  3. <body></body>标签之间的内容是网页的主要内容,如<h1><p><a><img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。<head>标签的作用。文档的头部描述了文档的各种属性和信息,包括文档的标题等。 <title>标签:在<title></title>标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。

  4. 代码注释 :<!--注释文字 -->

语义化,让你的网页更好的被搜索引擎理解

正确使用合适的标签

  1. 更容易被搜索引擎收录。

  2. 更容易让屏幕阅读器读出网页内容。

开始学习标签:

<body>网页主体</body>
<p>段落文本</p>
<hx>h1-6文章标题</hx>
<strong>强调文本</strong>
<em>强调文本</em>
<span>为具体文本设置样式</span>
<q>短文本引用</q>
<blockquote>长文本引用</blockquote>
<address>地址信息</address>
<code>一行代码语言</code>
<pre>大段代码</pre>
<ul>无序列表</ul>
<li>无序信息</li>
<ol>有序列表</ol>
<div>独立的版块</div>
<table>整个表格</table>
<tbody>表格加载完全才显示</tbody>
<tr>一行</tr>
<th>表格表头</th>
<td>一行有几列</td>
<caption>为表格添加标题和摘要</caption>
<style type="text/css">样式</style>
<style type="text/javascript">脚本</style>
<a target="打开方式">超链接</a>
<textarea rows="行数" cols="列数"></textarea>
<form method="传送方式" action="服务器文件">表单</form>
<input type="类型" name="名称" value="文本" checked="checked" />
类型:text/password ,文本/密码框,radio/checkbox,单/复选框,submit,提交,reset,重置
<option>下拉列表框</option>
selected="selected"选中,mutiple="mutiple",多选,value="提交值"
<label for="控件id名称">定位到相关的标签控件上</label>
空标签 <br />换行
<img />设置图片
<hr />添加水平横线
&nbsp;添加一个空格
最后由 不一样的少年 编辑于2016年05月13日 22:49