HTML

1. HTML是什么

  • HTML不是一种编程语言，而是一种标记语言
  • HTML是一种用标签来描述网页的标记语言
<!-- HTML -->
<html>
<title>我的第一个标题</title>

<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落</p>
</body>

</html>
  • 最外层的这个html，就代表网页本身
  • body里就是我们平时主要需要编写的内容

2. 最常用的标签

  • div
  • 图片标签（在页面上画图用的，img）
  • 输入框标签（input）
  • 常见的标签和属性表

3. 画一个百度首页

  • 每一个标签需要有自己的属性
    比如src就是img的一个属性，用来存放图片链接
  • 只需记常用的，其他会查即可

HTML

<!-- HTML -->
<div>
    <a href="www.baidu.com">新闻</a>
    <a href="www.baidu.com">hao123</a>
    <a href="www.baidu.com">地图</a>
    <a href="www.baidu.com">视频</a>
    <a href="www.baidu.com">贴吧</a>
    <a href="www.baidu.com">学术</a>
    <a href="www.baidu.com">登录</a>
    <a href="www.baidu.com">设置</a>
    <div>更多产品</div>
</div>
<div>
    <img src="https://www.baidu.com/img/bd_logo1.png"></img>
    <input></input>
    <div>百度一下</div>
</div>
<div>
    <p>把百度设置为首页</p>
    <p>关于百度</p>
    <p>about百度</p>
    <p>百度推广</p>
</div>

Tips：本地文件是/xxxx/xxxx.png；远程文件是http://xxx/xxx.png