首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTMLHTML页面常见标签

htmlhtml 文件的跟标签 head:编写页面相关的属性 title:页面标题 body:页面的内容展示信息 每一个标签相当于是一个节点,这么多的标签(节点)构成了一个...树就有一些子节点,head、title、body… 就相当于是 html 的一个子标签 所有的标签都是 html 的子标签 head body 是兄弟标签 head title 是父子标签 DOM...> 注意: 使用 p 标签,段落之间存在一个空隙 当前的 p 标签描述的段落, 前面还没有缩进(未来 CSS 会学) 自动根据浏览器宽度来决定排版 html 内容首尾处的换行,空格均无效 在 html...> 注意: br 是一个单标签(不需要结束标签) br 标签不像 p 标签那样,两行间带有一个很大的空隙 是规范写法,不建议写成 格式化标签 删除:strong 标签 b 标签...倾斜:em 标签 i 标签 删除线:del 标签 s 标签 下划线:ins 标签 u 标签 这是页面标题

8410
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML】img标签超链接标签

    img 标签 img 是一个单标签 src 属性 img 标签必须搭配 src 使用(指定图片的路径) 相对路径: ./xxx.png ./img/xxx.png .....> width/height 属性 控制宽度高度 高度宽度一般改一个就行,另外一个会等比例缩放,否则图片就会失衡 这是 img 其他属性演示...> border 后面跟边框的大小 标签后面的属性顺序是没有要求的,顺序对显示结果没有影响 每个属性之间用 空格 或者 回车 隔开都可以 value 都写在 “” 里面 超链接标签:a href:必须具备...> # 是一个占位符,仍然是当前地址 前两个都是直接跳转到百度,第三个仍然是留在当前网页 表格标签 table 标签:表示整个表格 tr:表示表格的一行 td:表示一个单元格 th:表示表头单元格,会居中加粗...thead:表格的头部区域(注意 th 区分,范围是比 th 要大的) tbody:表格得到主体区域 <!

    8210

    HTMLHTML 标签 ③ ( 链接标签 | 注释标签 )

    文章目录 一、链接标签 二、注释标签 HTML 常用的标签有如下类型 : 排版标签 文本格式化标签 图像标签 链接标签 , 其中 链接涉及到 相对路径 与 绝对路径问题 ; 一、链接标签 ----...连接标签格式 : 链接内容 href 属性 : 设置 链接 的 URL 地址 , 该属性必须设置 ; 链接 分为 外部链接 内部链接...文件页面 , 如 index.html ; 首页 ; 空链接 : 如果没有确定链接目标 , 设置 # 值 , 该链接暂时是空链接 ; <a href=...没有任何效果 ; 点击链接 4 , 跳转到博客页面 ; 点击链接 5 , 原窗口保留 , 在新窗口显示博客页面 ; 二、注释标签 ---- 如果在 HTML 页面中进行 代码注释 ,...则可以使用 注释标签 ; <!

    10.5K20

    Html—内联标签块状标签及简单标签整理

    , 28 1月 2021 作者 847954981@qq.com 前端学习, 我的编程之路 Html—内联标签块状标签及简单标签整理 在html中有两种标签 像行内短语/图片.../加粗等被称为内联标签,此标签不会为自己的内容占据新的一行,即此标签的内容会承接在上一个标签之后(同一行)。...不可以设置宽高,但可以设置内边距外边距,但外边距不能设置上下外边距。 像段落/标题/节等标签被称为块状标签,此标签会为自己的内容占据新的一行(即换行)。可以设置宽高。...如果需要图片能够在新的一行显示,可以用包裹标签来实现 内联标签 行内短语 图片 (<img scr=”图片地址”) 加粗 链接 (<a href...标签简单整理

    1.7K30

    html视频标签属性_html音频标签

    Html5方案 以上的讨论实际上的大前提是:视频基于Html5的方案。...在html5流行之前,通用的视频播放解决方案是flashflv(flash从9开始支持h.264的mp4)。...但是随着ios设备的流行,flash已经不是万能药了,越来越多的视频网站提供多元的解决方案,而且偏向于html5:也就是说,通过检测agent是否支持html5来决定使用video还是flash。...当然针对flashflv的方案,也有多种实现方法,笔者能够想到的有如下两种: 服务端根据agent的类型,输出不同的html,如果支持html5就输出video+mp4(avc)webm(或者ogg...),否则输出flash相关的标签或脚本 使用html5shivhtml5-video是IE也能够支持video标签,并且使用Flash播放器来代替原生的video播放,参考 将object内嵌在video

    8.6K20

    HTML标签

    开始标签相比,结束标签只是在前面加了一个关闭符“/”。...DOCTYPE html> 这句话就是告诉我们使用哪个html版本, 我们使用的是 html 5 的版本。 html有很多版本,那我们应该告诉用户浏览器我们使用的版本号。 ​...标签位于文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范,必需在开头处使用标签为所有的XHTML文档指定XHTML版本类型,只有这样浏览器才能按指定的文档类型进行解析...如果需要在HTML文档中添加一些便于阅读理解但又不需要显示在页面中的注释文字,就需要使用注释标签。其基本语法格式如下: ​    <!...路径可以分为: 相对路径绝对路径 相对路径 图像文件HTML文件位于同一文件夹:只需输入图像文件的名称即可,如。

    6.9K20

    HTMLHTML 标签 ② ( 排版标签 | 标题标签 | 段落标签 | 水平线标签 | 换行标签 | div 标签 | span 标签 )

    文章目录 一、排版标签 1、标题标签 2、段落标签 3、水平线标签 4、换行标签 5、div 标签 span 标签 HTML 常用的标签有如下类型 : 排版标签 文本格式化标签 图像标签 链接标签...div 标签 span 标签 1、标题标签 HTML 提供了 6 个等级的标题 , 分别是 一级标题 二级标题 三级标题...> 展示效果 : 2、段落标签 HTML 中的段落标签使用 表示 , 段落内容在 开始标签 结束标签 之间 ; 段落内容 将下面的文字分成 2...4、换行标签 换行标签 : 在 HTML 中的文字 , 不管里面有回车 , 空格 , 换行 , 都会被忽略 , 默认按照一行显示 ; 如果分段需要使用 段落标签 ; 如果换行 ,...> 效果展示 : 换行处使用箭头进行标记 ; 5、div 标签 span 标签 div 标签 span 标签 都用于 网页布局 ; div 标签 一行 只能设置一个 ; 布局内容

    10.1K30

    HTMLHTML 标签 ① ( 骨架标签 | 双标签标签 | 嵌套关系并列关系 | 文档类型 | 页面语言 | 编码字符集 )

    文章目录 一、HTML 标签简介 二、HTML 骨架标签 三、双标签标签 四、嵌套关系并列关系 五、文档类型 六、页面语言 七、编码字符集 一、HTML 标签简介 ---- HTML 英文全称...HTML 标签都在 尖括号 中进行定义 , 这些标签都有各自的语法规范 ; 二、HTML 骨架标签 ---- HTML 骨架标签 : 跟标签 : 所有的标签都在 跟标签 中 ; </html...三、双标签标签 ---- HTML 标签分为两种类型 : 双标签 标签 ; 双标签 : 由 两个尖括号标签 组成的 成对标签 称为双标签 , 如上面介绍的骨架标签都是双标签 : ..., 中的 是开始标签 ; 结束标签 : 后面的标签称为结束标签 , 中的 是结束标签 , 结束标签比开始标签多了标签关闭符.../ ; 单标签 : 单标签 都是 空元素 , 不需要再标签中包含内容 , 如换行标签 ; 四、嵌套关系并列关系 ---- 双标签之间的关系 : 嵌套关系 : 下面代码中 html 标签

    1.3K10

    HTML标签分类

    学习完上边几节html课程之后,你会发现html标签还挺多的,为了能更好地在网页制作过程中熟练使用他们,我们今天讲讲标签分为几大类以及他们之间的区别。...从标签是否闭合上我们可以分为两大类:双标签标签。 双标签:有开始标签结束标签的,如,称为双标签。...具体标签有:div标签,header头部信息,footer底部信息,nav导航标签,p段落标签,pre保留空格换行标签,h1-h6标题标签,audio视频标签,aside文章标签,b/strong加粗标签...行内块标签:结合的行内块级的优点,不仅可以对宽高属性值生效,还可以多个标签存在一行显示;img图片标签,input输入框标签HTML代码注释: 单行注释:<!...--     注释内容1     注释内容2   --> HTML代码注释是特别常用的,几大好处: 添加代码注释,增加代码的可读性。 隐藏掉暂时不需要显示的内容。

    5.7K30
    领券