欢迎光临seo外链资源网站,我们为你英文友情链接的信息及服务

seo外链资源

一个资源好的推广优化外链发布网站,为你解决外链获客难题

HTML5学习笔记之基础标签

作者:jcmp      发布时间:2021-04-24      浏览量:0
一、HTML5学习笔记之基础标签HTML

一、HTML5学习笔记之基础标签

HTML5学习笔记之HTML5基本介绍

二、HTML5学习笔记之基础标签

三、HTML5学习笔记之表格标签

四、HTML5学习笔记之表单标签

五、HTML5学习笔记之音视频标签

一.列表标签

1.无序列表(unordered list)

1) 作用:

2) 格式:

中国城市列举(CN)

  • 北京
  • 上海
  • 广州
  • 杭州

3) ul应用场景:

4) 注意:

课程安排

  • 上午
    • HTML5
    • CSS
  • 下午
    • OC
    • Swift

2.有序列表(ordered list)

中国房价排行榜

  1. 北京
  2. 上海
  3. 杭州
  4. 广州
  5. 深圳

2) ol应用场景:

二.定义列表(definition list)

1) 作用:

2) 格式:

北京
国家的首都
杭州
坑爹,房价上涨最快的地方
![Snip20170614_7.png](http://upload-images.jianshu.io/upload_images/4122543-2d304b7b5f58b8c3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)。

3) dl应用场景:

4) 注意事项:

三.H系列标签(Header 1~Header 6)

1.作用:

2.注意点:

四.P标签(Paragraph)

1.作用:

2.注意点:

五.Hr标签(Horizontal Rule)

1.作用:

2.注意点:

六.HTML注释(Annotation)

1.什么是注释?

1.注释格式

``

2.注意点:

-->

3.快捷键: ctrl + /

示例代码

标题1

标题2

标题3

标题4

标题5
标题6
我是假的,标题7

告诉浏览器哪些文字是一个段落


七.img标签(image)

1) 作用:

2) 格式:

3) 标签的属性

属性名称 作用 src(source) 告诉浏览器需要插入的图片路径, 以便于浏览器到该路径下找到需要插入的图片 alt(alternate) 规定图像的替代文本, 只有在src指定的路径下找不到图片,才会显示alt指定的文本 title 悬停文本(介绍这张图片, 只有在鼠标移动到图片上时才会显示) height 设置图片显示的高度 width 设置图片显示的宽度。

4) 注意点:

5) 示例代码

![](http://note.youdao.com/favicon.ico)![有道云笔记](http://note.youdao.com/favicon.ico)![有道云笔记](http://note.youdao.com/favicon.ico)![有道云笔记](http://note.youdao.com/favicon.ico)![有道云笔记](http://note.youdao.com/favicon.ico)![有道云笔记](http://note.youdao.com/favicon.ico)找不到图片

5) 运行结果

八.br标签(Break)

1) 作用:

2) 格式:

3) 注意点:

九.a标签(anchor)

1) 格式:

2) 作用:

3) 注意事项:

4) a标签的属性

属性名称 作用 href(hypertext reference) 指定跳转的目标地址 target 告诉浏览器是否保留原始界面, _blank保留, _self不保留 title 悬停文本(介绍这个链接, 只有在鼠标移动到超链接上时才会显示)。

4) 代码示例

我的简书我的简书我的简书

5) base标签和a标签结合使用

6) a标签其它用法