HTML标签,列表,表格相关

   日期:2024-12-26    作者:1vj30 移动:http://oml01z.riyuangf.com/mobile/quote/52602.html

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



特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


举报收藏 0评论 0
0相关评论
相关最新动态
推荐最新动态
点击排行
{
网站首页  |  关于我们  |  联系方式  |  使用协议  |  隐私政策  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号