HTML/CSS 第一章笔记

发布于 2016-10-31  10.75k 次阅读


HTML/CSS
什么是HTML:超文本标签语言,也称之为网页的“源码”.
浏览器作用:“解释和执行”HTML源码的工具
浏览器有哪些?(百度,搜狗,360,谷歌,火狐,腾讯,UC.....)
(火狐,谷歌,IE)

HTML格式:
<html>
<!--头部:不会显示在网页上,一般给浏览器进行设置-->
<head>
<!--设置浏览器解析html文件的格式.解决notepad++中不设置导置的乱码-->
<!--<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />-->
<!--标题-->
<title>第一个网页</title>
</head>
<!--主体:网页示示内容-->
<body>
这里面就是我们要显示的内容!
</body>
</html>

开发标准:
1.HTML标签都小写
2.缩进,子级缩进一层,
3.每个标签占一行或占多行.尽量不要一行写多个标签(以看起来直观易懂).
4.标签成对写.....

HTML标签分类(方便后续的布局设计):
块级标签:显示为“块”状,前后隔一行
行级标签:按行逐一显示
分类好处:方便后续的布局设计

基本标签:
标题标签:html支持(1-6)级标题
<h1>到<h6>
-----------代码---------------
<html>
<head>
<title>标题标签h1到h6</title>
</head>
<body>
<!--1-6级标题标签-->
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
<!--段落标签p-->
<p>欲练神功,引刀自宫;炼丹服药,内外齐通。今练气之道,不外存想导引,渺渺太虚,天地分清浊而生人,人之练气,不外练虚灵而涤荡昏浊,气者命之主,形者体之用。天地可逆转,人亦有男女互化之道,此中之道,切切不可轻传。修炼此功,当先养心,令心不起杂念,超然于物外方可,若心存杂念,不但无功,反而有性命之忧。</p>
</body>

</html>

<P></P>:段落标签p--

<hr />:水平线

列表标签:
有序列表:<OL><LI></LI></OL>
<body>
<h3>注册步骤:</h3>
<ol>
<li>填写信息</li>
<li>收电子邮件</li>
<li>注册成功</li>
</ol>
</body>
无序列表:<UL><LI></LI></UL>
<body>
<h3>新人上路指南 </h3>
<ul>
<li>如何激活会员名?</li>
<li>如何注册贵美会员?</li>
<li>注册时密码设置有什么要求?</li>
<li>贵美认证</li>
</ul>
</body>
dw软件
1.创建HTML文档
2.保存....(CRTL+S)
3.代码提示功能(CRTL+H)
4.开发三种视图模式(代码,拆分,设计)
5.设置浏览器.......
5.1在设置好的默认浏览器中查看网页:F12

图片标签:<img src="路径" />

行内标签:
span 范围标签:方便定义样式
br 换行