本文将带领您从HTML基础知识开始，逐步深入学习如何使用HTML和CSS，最终掌握Bootstrap框架的应用，实现美观的microlog应用界面。
为了给我的microlog应用有个漂亮的脸面，
我要学习Bootstrap，
为了学习Bootstrap，
我要学习HTML和CSS。
以下是一点笔记，不然他妈的看完马上忘了！
1.HTML 指的是超文本标记语言: Hyper Text Markup Language
2.HTML5的版本申明：
3.标签：
段落
<p> 段落标签，前后自动空一行
<a href="www.example.com" target="_blank">This is a link</a> 链接标签 ,_blank指新窗口打开，_self指在本页打开
<img src="xxx.jpg" alt="words" width="104" height="140"> 显示出来的图片，alt为图片无法加载时的替换文本
<map>和<area> 创建有可点击区域的图像地图。需要时再查文档
<br/> 换行标签，不像<p>标签那样产生空行
<h1>到<h6> 标题。很重要，搜索引擎会基于这个
<hr> 在页面中创建水平线
文本格式化
<!-- 注释是这么写的 -->
<b> 粗体 和用于强调的 <strong>标签差不多
<i> 斜体 和<em> 标签差不多
<code> 用于显示代码
<sub>和<sup> 就像这样和这样
<pre> 我感觉应该是你怎样写就显示成怎样，保留了空格和换行，适合贴代码
<address> 显示地址，感觉没啥意义
<blockquote> 长引用，浏览器会插入换行和外边距。
<del>和<ins> 删除和下划线，就像这样和这样
头部
<head> 包含了所有的头部标签元素。在其中你可以插入脚本，样式文件及各种meta信息
<title> 定义了网页的标题
<base> 定义了所有链接的URL，以及打开方式（新窗口打开或是别的）
<meta> HTML文档的描述，关键词，作者，字符集等
<link> 连接外部资源，譬如css
<style> 定义了HTML文档的样式文件引用地址，内部。
表格
<table> 定义表格
<tr> 定义表格的行
<td> 定义表格单元的内容
<th> 定义表格的表头，一般是粗体
<caption> 定义表格的标题
列表
<ul>和<ol> 无序列表和有序列表。其中无序的项前面是点，有序的是递增数
<li> 列表项。
<dl> 自定义列表
<dt> 自定义列表项目
<dd> 定义自定列表义的描述
区块
<div> 是块级元素，是可用于组合其他HTML元素的容器，没有特定含义，与CSS一同使用时，可对大的内容块设置样式属性
<span> 是内联元素，可用作文本的容器，没特定含义，与CSS一同使用时，可用于为部分文本设置样式属性
表单
<form action="xxx" method="post"> 使用表单标签来设置，属性：action,提交表单时向何处发送数据，method,发送数据的HTTP方法，enctype,编码，target,何处打开url，
<input type="radio" name="xxx" value="XX"> 输入类型由type决定：text指文本,password指密码,radio指单选框,checkbox指复选框,submit定义提交按钮。
<select name="xx">和<option value="xxx" selceted>xx</option> 下拉框组合，selected存在时表示默认选项
<textarea rows="20" cols="40"> 一个多行的文本输入控件，可容纳无限数量的文本，与CSS配合更好。
框架
<iframe src="xxurl" width="200" height="200"></iframe> 可以在同一窗口显示不止一个页面。frameborder定义是否显示边框，在HTML5中废除。
颜色 （略）
脚本
<script> 用于定义客户端脚本，例如js。既可包含脚本语句，也可通过src属性指向外部脚本文件。
<noscript> 当浏览器不支持或禁用脚本时，会显示noscript的内容。
HTML字符实体 看不懂，用时再看
URL 统一资源定位器。编码问题。等等。略
HTML速查列表 他妈的，瞬间觉得我这篇文章直接没意义了。
4.属性：
class 为html元素定义一个或多个类名（classname）（类名从样式文件引入）
id 定义元素的唯一id
style 规定元素的inline style title text规定元素的额外信息（可在工具提示中显示） eg:<h1 style="text-align:center;">居中</h1>
title 描述了元素的额外信息（作为工具条使用）
5.好啦，总算结束了。
28号写的，玩了两天，现在终于弄完了。下一步，不会是该死的CSS了吧？？
好想快点学Bootstrap！！！
扫一扫
9215
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
