新手建议先看慕课网的初级教程,里面讲的比较轻松慕课网html初级教程
下面是我自己在慕课网学习的笔记 可以掠过。方便自己以后的复习,未完,待更新。。。。
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
html不区分大小写 但建议使用小写
HTML是网页内容的载体 CSS样式是表现 JavaScript是用来实现网页上的特效效果
<h1></h1>就是标题标签
<hx></hx> x为数字1-6 其中1字体最大 6最小
<p></p>是段落标签 段前段后自动空白 可通过css进行删除
<img src="1.jpg"> 图片标签
<html></html>称为根标签 前部分属于开始标签 后部分属于结束标签
<head> 标签用于定义文档的头部,它是所有头部元素的容器。描述文档的各种属性和信息 头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签
在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。
代码注释:<!--注释文字-->
<em>加强语气 斜体 <strong> 更厉害的强调 粗体
<span>标签是没有语义的,它的作用就是为了 设置单独的样式用的
<q></q>引用别人的话 自动添加引号
<blockquote>引用文本</blockquote>长引用 自动缩进
<br />拆行
空格 需要几个空格就打几个
<hr />标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。
<hr />添加水平横线
<address>联系地址信息</address> 显示样式为斜体
<code>代码语言</code> 加入代码 但是如果是多行代码的话 就得使用<pre>标签
<pre>语言段码</pre> 加入多行代码 保留空格和换行符。
ul添加新闻信息列表
<ul>
<li>信息</li>
<li>信息</li>
...
</ul> 每项前都自带一个圆点
<ol> 添加图书销售排行榜
<ol>
<li>信息</li>
<li>信息</li>
....
</ol> 每项前自带编号 默认从1开始
<div>...</div> 相当于一个容器 栏目板块 通过设置id作为标识
<div id="板块名称">...</div>
table标签 创建表格 创建表格四要素:table 整个表格 tbody 内容多的时候会全部下载完再显示 tr 表格的一行 th 表格的单元行 表头粗体居中 td 一行中的列
在table 中插入<caption>标题文本</caption>增强其可读性 summary后文字在浏览器不显示。caption为摘要 在浏览器显示
<table summary="本表格记录2012年到2013年库存记录,记录包括U盘和耳机库存">
<caption>2012年到2013年库存记录</caption>