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”。

2021-10-16

 

上一篇:HTML页内链接平滑跳转


下一篇:jQuery介绍