- 项目名称不能用中文和特殊字符,可以用英文和数字。
- 代码可读性(demo.html)
常用快捷键:
Windows+e 我的电脑
Alt+tab 切换软件
Ctrl+tab 文档之间的切换
F2 重命名 - 浏览器向服务器发送请求,服务器接受请求,
- 向浏览器返回代码, 浏览器解析代码,形成网页。
- Html的发展历史:
浏览器内核:就是渲染引擎-》显示网页内容以及页面的格式
URL地址:
HTML与htm是一样的:
后缀名不能决定文件格式,只能决定文件打开方式
特殊字符:
五<!DOCTYPE html>:声明文档类型,告诉浏览器,
这个页面是用html5写的,浏览器解析的时候就用html5的语言进行解析。
六、<html xmlns="http://www.w3.org/1999/xhtml">: xmlns:命名空间,
网页所用的标签都是来自于http://www.w3.org/1999/xhtml这个页面,
使标签具有特殊含义。如果不写,说明这个标签是自创的,虽然能在网页中正常显示,但没有特殊含义。
七、<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
记忆:编码方式和解码方式不一样会出现乱码。
重要:
title(权重最高)限制:30个中文,60个字符。
<meta name="description" content="网站介绍"/>
<meta name="keywords" content="关键字"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
强制以最新的ie版本去渲染。
<link rel="SHORTCUT ICON" href="./img/logo.jpg"/>
八、Html标签:
段落标签:<p></p> 换行:<br/> 注释:
斜体:<i></i> 下划线:<u></u>
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常
会保留空格和换行符。而文本也会呈现为等宽字体。<pre></pre>
重点:粗体<strong></strong>取代<b></b>,删除线<del></del>取代<s></s>,斜体<em></em>取代<i></i>,下划线<ins></ins>取代<u></u>,因为使用这些标签更具有语义化
标题标签:
h1-h6 取值到h6
h1 在一个页面里只能出现一次
九、重点:有些html的属性可以更该网页的外观,但是基本上不用,
更改html的外观统一用css。
十、列表:
有序列表:
<ol type="1" start="3">
<li></li>
<li></li>
</ol>
type="1,a,A,i,I" type的值可以为1,a,A,i,I
start="3" 决定了开始的位置。
无序列表:
<ul type="circle">
<li></li>
<li></li>
</ul>
type="square" 小方块
type="disc" 实心小圆圈
type="circle" 空心小圆圈
自定义列表:问(dt)答(dd)
<dl>
<dt>问</dt>
<dd>回答</dd>
<dt>定义</dt>
<dd>解释</dd>
</dl>
十一、<hn></hn>从<h1>到<h6>标题标签字体逐渐变小。其中<h1></h1>的权重最大。
权重:网站有权重,权重最高的就是<title></title>,搜索引擎根据权重的高低来决定是否优先搜索。
压缩版
- 项目名称(英文和数字)。
- 代码可读性(demo.html)
- 浏览器向服务器发送请求,服务器接收请求,
向浏览器返回代码, 浏览器解析代码,形成网页。 - Html的发展历史:
五<!DOCTYPE html>:声明文档类型,告诉浏览器,
这个页面是用html5写的,浏览器解析的时候就用html5的语言进行解析。
超链接:
<a href="03图片标签.html" title="图片标签" target="_self">超链接</a>
href 去往的路径(跳转的页面) 必写属性
title 提示文本 鼠标放到链接上显示的文字
target=”_self” 默认值 在自身页面打开(关闭自身页面,打开链接页面)
Target=”_blank” 打开新页面 (自身页面不关闭,打开一个新的链接页面)
锚链接:
1.先定义一个锚点
<p id="sd">
2.超链接到锚点
<a href="#sd">回到顶部</a>
空链接:
<a href="#">空链,点击的时候再一次刷新页面,回到页面顶部</a>
<a href="javascript:(void 0);">点击的时候不会回到页面顶部</a>
超链接优化写法:
<base target="_blank"> 让所有的超链接在新窗口中打开。
压缩文件下载,不推荐使用:
<a href="../../01-ppt.rar">压缩包</a>
音乐标签:
<embed src="1.mp3" hidden="true">