黑马程序员 HTML5 学习笔记

学习路线:


目录

学习路线:​编辑

 Html简介

学习目标

1网页

2常用浏览器

3Web标准(重点)

 1.Html标签(上)

学习目标:

1.html语法规范

2.html基本结构标签

3.开发工具

4.html常用标签

5.html中注释和特殊字符


 Html简介

  • 学习目标

 

  • 1网页

 

 

 总结:

  • 2常用浏览器

 

  • 3Web标准(重点)

 

 

 


 1.Html标签(上)

  • 学习目标:

  • 1.html语法规范

 

  • 2.html基本结构标签

 


<html>
      <head>
           <title>阿萱第一个页面</title>
       </head>
         <body>
            键盘敲烂,工资过万!
          </body>
</html>

  • 3.开发工具

 

老师这里的举例有点引人误会,这里会乱码是因为记事本编码方式不是UTF-8,而第一个文档是用记事本编写的,因此会乱码。这里乱不乱码与写不写charset无关。 

  • 4.html常用标签

    <h1>一级标题</h1>
    <h1>标题一共六级选</h1>
    <h2>文字加粗一行选</h2>
    <h3>从大到小依次减</h3>
    <h4>从重到轻随之变</h4>
    <h5>语法规范书写后</h5>
    <h6>具体效果刷新见</h6>

 

 

 第一步要先把图片放到和网页文件一起的文件夹中 

<width><height>宽度和高度一般只修改一个,另一个参数就会等比例缩放 

 

 

<h4>1.外部链接</h4>
<a href="http://www.qq.com" target="_blank"> 腾讯 </a>
target即打开窗口的方式,默认的值是_self 当前窗口打开页面;_blank一个新窗口打开页面

 

 内部链接相比于外部链接不需要加 "http://"

<h1>网页元素链接-图片</h1>
   <a href="http://www.qq.com"><img. src="img.jpg"/></a>
  • 5.html中注释和特殊字符



2.Html标签(下) 

  • 目标:

  • 1.表格标签

 

 

 

 

  • 2.列表标签

 

 

 

 

 

 

  • 3.表单标签

这就是表单 

 

 

 

 

 

 

 

 

 

  • 4.综合案例

  • 5.查阅文档


  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值