html(1)

  1. 项目名称不能用中文和特殊字符,可以用英文和数字。
  2. 代码可读性(demo.html)
    常用快捷键:
    Windows+e 我的电脑
    Alt+tab 切换软件
    Ctrl+tab 文档之间的切换
    F2 重命名
  3. 浏览器向服务器发送请求,服务器接受请求,
  4. 向浏览器返回代码, 浏览器解析代码,形成网页。
  5. Html的发展历史:
    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>,搜索引擎根据权重的高低来决定是否优先搜索。

压缩版

  1. 项目名称(英文和数字)。
  2. 代码可读性(demo.html)
  3. 浏览器向服务器发送请求,服务器接收请求,
    向浏览器返回代码, 浏览器解析代码,形成网页。
  4. 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">





  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值