html day 1

1、浏览器内核

IE(Trident) firefox(Gecko) Safari(webkit) chrome(Blink/Chromium) Android(Webkit) IOS(Safari/Trident)

2、Web标准构成

结构 表现 行为 (HTML css Javascript)

3、HTML基本骨架

<html>  //跟标签

   <head>  //文档头部

      <title>标题</title>  //文档标题

   </head>

   <body>  //文档主体

   </body>

</html>

4、Sublime快速生成格式

html:5 + tab          !+ tab

5、标签

<!DOCTYPE html>  //html5版本       

<meta charset="UTF-8">  //字符集,国际通用

标题标签   <h1></h1>......<h6></h6>  

段落标签  <p></p>(段落间距离大) 

水平线  <hr />  

换行<br />(段落间距离小)

快捷键 例如:h1+tab 变成<h1></h1>

粗体 <b></b> <strong></strong>    

倾斜 <i></i> <em></em>

删除线 <s></s> <del></del>

下划线 <u></u> <ins></ins>

6、标签属性

图像插入标签 <img src="  " />

图形不能显示替换文本 <img src="  " alt="  " />

鼠标悬停时显示文字内容 <img src="  " title="  " />

带有宽度的图片 <img src="  " width="  " />

添加边框 <img src="  " width="  " border=" " />

7、链接标签

<a href="    " >图像或文本</a>  <a href="#" >图像或文本</a>(链接未定,后加即可)  

<a href="    " target="_blank" >图像或文本</a>(网页启动新窗口)

8、锚点定位

<a href="#live">个人生活</a>   <h3 id="live">个人生活</h3>

9、base标签

<base  target="_blank" />(在head之间,整体链接以新窗口打开)

10、特殊字符

空格 &nbsp;  小于号&lt;  大于号&gt;  版权&copy;  合号&amp;

11、注释

<!--注释语句-->

12、图片路径

相对路径 同一级 <img src="图片" />      

下一级路径 图片在网页同级文件夹中 <img src="文件夹/图片" />      

上一级路径   图片在网页上一级文件夹中  <img src="../图片" />

13、列表标签

无序列表

<ul>

<li></li>

<li></li>

</ul>

有序列表(排序1234)

<ol>

<li></li>

<li></li>

</ol>

14、自定义列表(名词解释)

<dl>

<dt>名词</dt>

<dd>解释1</dd>

<dd>解释2</dd>

</dl>






猜你喜欢

转载自blog.csdn.net/lbunny_/article/details/80809695