上篇文章我们介绍了怎么创建一个最基本的网页,这篇我们介绍一下经常被使用的标签及用途。

显示在浏览器中的内容都要添加在基本模板中的body标签的中间,这点一定要记住!!

下面的body标签中各个标签,我做了解释说明,大概了解各个标签长什么样子,能记住就更好了。

下面的HTML代码可以直接复制到你的网页中(创建HTML文件的方法上篇文章有介绍)

这里是网页的标题,你看到在哪里显示的了吗?——橙先生

div标签可以理解为是个空盒子,什么都能装下

这是一张图片,注意这里的img标签形式,这是个单标签

这个是文字的链接,也可以在其他内容上添加(比如图片)

在这里填入文字

在这里填入文字

在这里添加你想要的内容!!!!!!这里是另外一段内容

这是h1里的内容

这是h2里的内容

这是h3里的内容

这是h4里的内容

这是h5里的内容
这是h6里的内容
  • 这里是无序列表1
  • 这里是无序列表2
  • 这里是无序列表3
  1. 这里是有序列表1
  2. 这里是有序列表2
表格中第一行的第1列 表格中第一行的第2列
表格中第二行的第1列 表格中第二行的第2列 表格中第二行的第3列

上面的内容已经大致了解了吧?下一篇我们将介绍各种常用到的样式,让各个标签更加的美观。记得关注一下哦!

div中的p标签于img设置同一水平_HTML网页制作常用标签及说明——前端开发入门...相关推荐

  1. 前端开发入门教程-HTML标签(上)

    本文素材来源于黑马程序员pink老师的前端教学视频.在此基础上有部分改动. 博客文章: https://blog.manchan.top/post/introduction-to-front-end- ...

  2. 7.11网页结构 常用标签

    一.网页结构 1.网页结构 <!DOCTYPE html> <!-- html 重点关注的是语义,而不是样式 --> <html><!--根标签/根元素 一个 ...

  3. web前端开发入门笔记(更新中)

    前言 假期曾上过6节HTML与微信小程序开发基础课,对前端开发有所了解,今天上完大英就开始看了下课程,出乎意料的易于接受,也许是之前打下的基础,但还是系统地学习比较好,毕竟作为一门知识. 此外,有兴趣 ...

  4. 04-前端技术_HTML与HTML5常用标签

    目录 一,HTML与HTML5常用标签 学前准备 1,HTML简介 1.1 HTML是什么 1.2 HTML发展历史 1.3 HTML⽂档类型的设定 2,HTML基础语法 2.1 HTML基本结构: ...

  5. HTML网页设计常用标签及属性

    在认识标签前,我们先了解了解标签的结构,标签分两大类,一种是单标签,另一种是双标签. 标签的基本结构: 1.单标签: 1.结构格式:<标签名 属性名='属性值' 属性名='属性值' .../&g ...

  6. HTML前端开发入门之表单标签/labei标签/datalist标签

    ##表单标签 <!DOCTYPE html> <html lang="en"> <head>     <meta charset=&quo ...

  7. 3.2 HTML中级 - 常用标签(上) | html5教程,html高频常用标签,html教程,html css,html5,html模板

    3.2 HTML中级 - 常用标签(上) 目录 头部标签补充 转义字符 ( 字符实体 ) 修饰标签 h b i em sub sup del br a 链接 img 图片 Table 标签 三种列表 ...

  8. html 标签开发,前端开发入门之HTML基础标签一

    HTML元素指的是从开始标签到结束标签的所有代码 ps:开始标签常被称为开放标签(opening tag),结束标签常成为闭合标签(closing tag ) HTML元素基本格式是元素内容标签名&g ...

  9. a标签传值到另一个页面_前端开发入门——HTML基础标签

    本文创建于2020年8月,以下为正文: HTML是用于创建可以从一个平台移植到另一平台的超文本文档的一种简单标记语言,经常用来创建web页面.HTML是制作网页的基础,我们在网络营销种讲的静态网页,就 ...

最新文章

  1. 通过身份证号提取性别_身份证号提取生日、年龄、性别、籍贯,最简单的方法!...
  2. PCL安装常见的错误集合解决方案(一)
  3. mysql事物 总结_Mysql事务总结
  4. 卷积神经网络(CNN:Convolutional Neural Network)
  5. mysql8.0 tar安装_CentOS7安装MySQL8.0 tar包
  6. spring依赖注入的基本方法及其原理
  7. tensorflow学习笔记一:安装调试
  8. MFC避免窗口闪烁的方法(OnEraseBkgnd) .
  9. UI基础UIView常见属性及方法
  10. qq代码大全可复制_给QQ换上“彩色动态昵称”,太酷了!
  11. Hart 常用命令 命令格式+命令含义 中文翻译
  12. c语言编程正六边形思路,机械cad-cam技术实验指导书2015.doc
  13. PMP项目管理是什么意思?
  14. vip地址能ping不通_ping不通地址
  15. Phonegap获取imei (修改phonegap官方提供文件)
  16. idea 注释格式化之后回到同一行
  17. 状态压缩技巧:动态规划的降维打击
  18. 暗影精灵双系统(win10和Ubuntu16.04)安装+Cuda和tensorflow安装-深度学习环境配置
  19. 【云享·人物】华为云AI高级专家白小龙:AI如何释放应用生产力,向AI工程化前行?
  20. 利用springcloud搭建一个简易的分布式简历展示系统

热门文章

  1. 如何快速开发一个支持高效、高并发的分布式ID生成器(一)
  2. 长宽相等的矩阵(二维数组)逆时针旋转90度
  3. Python网络编程基础
  4. 光线求交加速算法:边界体积层次结构(Bounding Volume Hierarchies)1-BVH引入
  5. python tensorflow 文本提取_如何在tensorflow中保存文本分类模型?
  6. 201计算机基础知识,201年计算机应用基础备考练习题及答案
  7. pv,svogi,vxgi,各自的优缺点在哪,ue4还有可能把svogi加进去吗
  8. UE3 Lightmass 工具
  9. python全栈开发笔记---------数据类型-----集合set
  10. iOS Target-Action模式下内存泄露问题深入探究