2021-10-16

html简单语句的描述

​
一级标题：  <h1>我是一级标题</h1>
段落标签：  <p>我是一个段落标签</p>
自动换行：  <br>
照片的引用：<img src="图像png"/>
​

div和span标签

<div> 和 <span> 是没有语义的，它们就是一个盒子，用来装内容的。
具体实现：
     <div> 这是头部 </div>    
     <span> 今日价格 </span>
特点：
    1. <div> 标签用来布局，但是现在一行只能放一个<div>。 大盒子
    2. <span> 标签用来布局，一行上可以多个 <span>。小盒子

img的其他属性

属性 说明

src 必须的属性（图片的路径）

alt 替换文本。图片不能显示的文字

title 提示文本。鼠标放到图像上现实的文字

width 设置图像的宽度

height 设置图像的高度

border 设置图像的边框粗细

链接标签

链接分类： 1.外部链接: 例如 < a href="http:// www.baidu.com "> 百度</a >。 2.内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可，例如 < a href="index.html"> 首页 </a >。 3.空链接: 如果当时没有确定链接目标时，< a href="#"> 首页 </a > 。 4.下载链接: 如果 href 里面地址是一个文件或者压缩包，会下载这个文件。 5.网页元素链接: 在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接. 6.锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置.

注释

HTML中的注释以“<!--”开头，以“ -->”结束。 具体实现： <!-- 注释语句 --> 快捷键: ctrl + /

快捷键的使用

1. 双击打开软件。

2. 新建文件（Ctrl + N ）。

3. 保存（Ctrl + S ）, 注意移动要保存为 .html 文件

4. Ctrl + 加号键 ，Ctrl + 减号键 可以放大缩小视图

5. 生成页面骨架结构。 输入! 按下 Tab 键。

6. 利用插件在浏览器中预览页面：单击鼠标右键，在弹出窗口中点击“Open In Default Browser”。