html学习笔记

新手建议先看慕课网的初级教程,里面讲的比较轻松慕课网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 />拆行
&nbsp;空格   需要几个空格就打几个
<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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值