分享好友 最新动态首页 最新动态分类 切换频道
HTML标签,列表,表格相关
2024-12-26 21:37

HTML标签可以分为以下几类

  1. 标题标签:用于定义网页的标题,分为h1、h2、h3、h4、h5和h6。

  2. 段落标签:用于定义文本的段落,常用的有p标签。

  3. 链接标签:用于定义链接,常用的有a标签。

  4. 图像标签:用于定义图片,常用的有img标签。

  5. 列表标签:用于定义有序列表和无序列表,常用的有ul、li和ol标签。

  6. 表格标签:用于定义表格,常用的有table、tr、th和td标签。

  7. 表单标签:用于定义表单元素,常用的有input、textarea、select和button标签。

  8. 样式标签:用于定义样式,常用的有style和link标签。

  9. 脚本标签:用于定义脚本,常用的有script标签。

下面是一些常见的HTML标签的示例

  • <html>:定义HTML文档的根元素
  • <head>:定义文档的头部,包含文档的元数据,如标题、链接等
  • <body>:定义文档的主体,包含所有可见的HTML内容
  • <h1> - &lt;h6>:定义标题,1到6级,依次递减
  • <p>:定义段落
  • <a>:定义超链接,可用于链接到其他网页、文件、电子邮件地址等
  • <img>:定义图像
  • <ul>:定义无序列表
  • <ol>:定义有序列表
  • <li>:定义列表项
  • <table>:定义表格
  • <tr>:定义表格行
  • <td>:定义表格单元格
  • <div>:定义文档中的一个区域,可用于划分页面结构和应用样式
  • <form>:定义表单,可用于接收用户输入数据
  • <input>:定义表单中的一个输入框,可用于用户输入文本、密码、选择日期等
  • <button>:定义按钮,可用于执行JavaScript函数等操作

 

1. 单标签
    img br hr 
    <img />
2. 双标签
    a h p div <a></a>
3. 按照标签属性分类
    1. 块儿标签
        自己独自占一行
        h1-h6 p div
    2. 行内(内联)标签
        自身文本有多大就占多大
        a span u i b s

这两个标签它是没有任意意义的,主要用来'布局'页面
div一般用在占位置布局
span一般用在占文本布局

标签之间是可以互相嵌套的,标签套标签
块儿级元素是可以嵌套所有的标签的
<p>标签不能够嵌套块儿级元素,但是它可以嵌套行内元素
行内元素只能嵌套行内元素,不能够嵌套块儿级元素,非写了嵌套,也不报错,只不过是没有效果
针对于前端来说,不会轻易的报错! 如果你写的不对,只会没有对应的效果

 

展示图片的
https://img2.baidu.com/it/u=464791776,3312333293&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1698771600&t=9777764d1fe6560f394478126fb7563b

<img src="123.png" title="你看我好看吗" width="200px" alt="">

src
    1. 内部的图片地址
    2. 写外链的地址
title
    鼠标悬浮的时候显示的内容(是所有标签都要的)
width: 图片的宽度
height:图片的高度
一般情况下只写一个,等比例缩放
alt:当图片不存在的时候,显示的内容

<a href="http://www.oldboyedu.com" target="_blank" >点我</a>

href属性指定目标网页地址。该地址可以有几种类型
● 绝对URL - 指向另一个站点(比如 href="http://www.jd.com
● 相对URL - 指当前站点中确切的路径(href="index.htm"
● 锚URL - 指向页面中的锚(href="#top"

target
● _blank表示在新标签页中打开目标网页
● _self表示在当前标签页中打开目标网页

id 值: 相当于是人的身份证,一个文档中,id值不能够重复,必须唯一
class 值:是可以有多个的,一个标签可以有多个class值,一个class值也可以被多个标签拥有
<div id="d1" class='c1 c2 c3'></div>
<div id="d2" class='c2'></div>
<div id="d3" class='c3'></div>
<div id="d3" class='c1'></div>
#d1
.c1
要想使用id值,必须使用#开头
要想使用class值,必须使用 .开头

 

 

 

 

 

 

 

 
 

 

 
 
 

end


最新文章
Windows11优化大师软件
信息获得系统和系统上的所有硬件的详细信息;帮你找出的Windows,Office产品安装密钥;显示运行在你机器上进程和线程的详细信息;Windows 10 Manager提供1点击清理功能自动清扫系统;维修中心可以帮助您解决各种系统问题。优化调整你的系统以提
欧盟电视机和显示器能效ERP条例(EU) 2019/2021要求
欧盟电视机和显示器能效ERP条例(EU) 2019/2021更新科技的发展日新月异,引导着显示器和电视机的更新换代,为了准确衡量产品的能效,欧盟制定了2016-2019能效工作计划,电子显示器成为了一个新的产品类别,电视机也被纳入其中,并在2019年10
谢娜屡陷离婚传闻 主持金鹰节遭质疑公开回应
编者按:蓦然回首,我们已走过2014,迎来2015。人民网传媒频道一年一度“最受网友关注的主持人评选”又如约而至,众位耳熟能详的主播候选人,2014,您最关注哪一位?2014年10月10日,第十届中国金鹰电视艺术节开幕,朱军、何炅、汪涵、谢娜
黔西过电压保护器LKDB-B-12.7F用途+2025排名一览
黔西过电压保护器LKDB-B-12.7F用途+2025排名一览1. 产品概述 - WSK - S-(TH)智能温湿度控制器是一种能够对环境温湿度进行精确监测和控制的设备。它结合了先进的传感器技术和智能控制算法,用于维持环境温湿度在设定的范围内。2. 功能特点 -
非常少人使用的几个小网站,赶紧转发,收藏!
1,黑科技网站资源集。一个收集好用的站点工具的导航网站,目前整理了400+个,种类多,简洁良心。多种导航链接:https://nav.qinight.com/页面上包含了众多常用的网站和工具的导航链接,如搜索引
越西县统计局发展规划揭秘,探索未来,县域经济高质量发展新篇章
越西县统计局发布最新发展规划,致力于推动县域经济高质量发展。该局将积极探索新的经济模式和增长点,加强数据分析和研究,为政府决策和企业发展提供科学依据。将加强与各部门的协作配合,优化统计服务,提高数据质量和效率。旨在促进县域
视频链接怎么生成?如何生成视频链接?
在如今信息时代,视频已经成为人们生活中不可或缺的一部分。无论是在工作中演示产品,还是在个人生活中分享精彩瞬间,视频都能够起到非常重要的作用。而要分享视频,我们就需要生成视频链接。本文将介绍如何生成视频链接。什么是视频链接?
文明礼仪知识竞赛走进支农里小学
人无礼则不生,事无礼则不成。12月12日上午,“扬文明新风·展礼仪风采”文明礼仪知识竞赛走进支农里小学,通过现场答题赢取奖品的形式,大力宣传普及文明,弘扬传统文化,引导小学生崇尚文明、摒弃陋习。活动现场气氛热烈,小学生积极参与
福州商场,长满了“吃谷”的年轻人
“我竟然在福州,看见了整面墙的Chiikawa娃娃!” “娃娃的脸都很甜,也太可爱了吧!” 买“谷子”的风还吹到了福州商场。 作为二次元文化衍生品的代名词,“谷子”经济近年来成为新消费趋势,正在撬动了规模超千亿元的市场。 “说商道市”
相关文章
推荐文章
发表评论
0评