HTML基础7--文档与网站架构

最新推荐文章于 2023-10-08 15:12:12 发布
最新推荐文章于 2023-10-08 15:12:12 发布
阅读量150 收藏
点赞数
分类专栏： HTML基础 文章标签： java css python html 编程语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44386231/article/details/108486389
版权
本文介绍了HTML文档的基本组成，包括页眉、导航栏、主内容、侧边栏和页脚，并详细讲解了如`<header>`、`<main>`、`<article>`、`<aside>`、`<footer>`等元素的用途。此外，还讨论了无语义元素`<div>`和`<span>`的应用，以及换行`<br>`和水平分割线`<hr>`的功能。
摘要由CSDN通过智能技术生成

本文首发公众号： 伊洛的小屋，欢迎关注并查看更多内容！！！

文档的基本组成

一个页面通常由一下几个部分组成：页眉、导航栏、主内容、侧边栏、页脚
例如：下面的页面布局

构建内容的

在HTML中

  • <header>：页眉。
  • <nav>：导航栏。
  • <main>：主内容。主内容中还可以有各种子内容区段，可用<article>、<section>和 <div>等元素表示。
  • <aside>：侧边栏，经常嵌套在 <main>中。
  • <footer>：页脚。
元素细节
    最低0.47元/天 解锁文章
    伊洛的小屋
    关注
    专栏目录
    html 分割线_html基础必备-分隔标记，前端小白一看就会
    weixin_39974958的博客
    12-01 8515
    分节、分区和分割线这些标记用于将页面分成多个部分。熟练地掌握这些标记将意味着构建出具有良好的结构和布局的页面，使其更加友好和易于阅读。分区 - div标记定义了HTML文件中的一个部分或分区。它通常包含需要组合在一起的标题、段落、表格或其他元素。通过设置与css一起使用来设置网页某个部分的显示。段落 - p标记用来定义文本的段落，就像你在书中看到的那样，一旦文本达到屏幕边缘就会自动折到下一行。当另...
    html分割线
    ZYX13721846745的博客
    07-21 1万+
    34755人阅读 各种分割线Html代码 一、基本线条： 1、<HR> 2、<HRalign=center width=300 color=#987cb9SIZE=1> align线条位置（可选left、right、center）；width线条长度；color颜色；size厚度 二、特效（效果并不是孤立的，可相互组合） 1、两头渐变透明： <HR style="FILTER:alpha(opacity=100,finishopacity=0,style=3)".
    Web前端基础—html
    m0_55196097的博客
    01-12 1836
    目录 1. html简介 1.1 常用标签介绍 1.1.1 input 1.1.2 html的列表 1.1.3 标题标签 1.1.4 分割线 1.1.5 视频播放 1.1.6 一个超简单的作业演示 1. html简介 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</t...
    HTML的基础知识
    最新发布
    2303_79299383的博客
    10-08 1038
    上述代码将该段落的文本颜色设置为蓝色，字体大小设置为16像素。
    Java与JEE架构-第章HTML语言完美版资料.ppt
    11-14
    在Java与J2EE架构中，HTML起着基础性的作用，它是构建Web应用程序用户界面的基础。J2EE（Java Enterprise Edition）是一个用于开发和部署企业级应用的平台，它包括了服务器端组件，如Servlets、JSP（JavaServer ...
    Jeecg-Boot技术文档
    03-24
    - **官方网站**: 提供最新资讯和文档更新。 - **源码下载**: GitHub仓库，可以获取项目的源代码。 - **QQ交流群**: 提供技术交流和问题解答的社区。 - **在线演示**: 可以预览Jeecg-Boot的功能。 - **版本日志**: ...
    章-绪论-网站设计与开发素质课课件(与“学习”有关文档共9张).pptx
    11-14
    学习网站设计与开发，需要一定的基础，包括计算机基本操作知识、网络使用经验。此外，虽然英语和数学水平不是硬性要求，但良好的英文阅读能力有助于理解和学习最新的技术文档，而一定的逻辑思维能力对编程至关重要。...
    docs-core-infra-user-guide:Rackspace Cloud Core基础架构服务用户指南的用户文档来源
    04-02
    Rackspace云核心基础架构服务用户指南 目的 该GitHub存储库包含《 Rackspace云核心基础架构服务用户指南》的源文件。 贡献 欢迎捐款！ 要提出更改建议或报告问题，请提交。 要对项目进行更改，请创建自己的存储库...
    Django-SysAce:Django-SysAce-结构化布线和IT基础架构管理系统
    05-04
    Django-SysAce-结构化布线和IT基础架构管理系统 在Django中开发的系统，用于控制网络点（语音，数据，语音），分机，电话，交换机，机架，配线架，设备，网络，服务和IP地址。 ACE允许集中控制组织的IT基础架构中...
    几种常见的HTML分割线
    热门推荐
    qq_43682964的博客
    11-13 5万+
    几种常见的HTML分割线
    9.15 复习一天，html <hr>简介
    09-15 1084
    一整天的自习课~！ 除了看着代码晕，就是困的头晕了。 今天遇到了html排版问题，发现以前的这一部分知识忘的也快差不多了。 时间越来越紧张了。我的lady gaga。要给力啊~！ 分割线】 一、基础代码： 1、   2、<HR
    各种分割线Html代码
    rongwenbin的专栏
    12-08 3万+
    各种分割线Html代码 一、基本线条： 1、 2、 align线条位置（可选left、right、center）；width线条长度；color颜色；size厚度 二、特效（效果并不是孤立的，可相互组合） 1、两头渐变透明： 2、纺锤形： 3、右边渐变透明： 4、左边渐变透明：
    html中画分割线的代码,各种分割线Html代码
    weixin_33042645的博客
    06-09 8686
    各种分割线Html代码1、2、align=center width=300 color=#987cb9SIZE=1>align线条位置(可选left、right、center)；width线条长度；color颜色；size厚度二、特效(效果并不是孤立的，可相互组合)1、两头渐变透明：color=#987cb9 SIZE=3>2、纺锤形：color=#987cb9 SIZE=10>...
    html分割线_HTML入门笔记1
    weixin_39630498的博客
    12-01 366
    今天对html进行简单的概述 整理一下html的基础知识 后续还会更新 ，代码对应效果图展示小白很适用哦！HTML 是何方神圣？HTML（超文本标记语言——HyperText Markup Language）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如 CSS），或功能（如 JavaScript）。超文本”（h...
    html 分割线_HTML入门笔记
    weixin_39654067的博客
    11-29 1019
    HTML 是谁发明的HTML 全称 HyperText Markup Language，超文本标记语言。是上个世纪90年代由欧洲核子研究中心的物理学家蒂姆·博纳斯-李（Tim Berners-Lee），也就是我们所说的李爵士发明的。HTML 起手应该写什么常用的表示章节的标签h1~h6：标题。h1字体最大，往后越来越小。section：章节。表示用这个标签扩起来的是一个章节，章节可以嵌套章节。p：...
    html中加分割线,多种HTML分割线
    weixin_42128015的博客
    05-30 9955
    一、普通1、横线2、居中横线size=1>align线条位置(可选left、right、center)；width线条长度；color颜色；size厚度二、特效(效果并不是孤立的，可相互组合)1、两头渐变透明SIZE=3>2、纺锤形color=#987cb9 SIZE=10>3、右边渐变透明color=#987cb9 SIZE=3>4、左边渐变透明color=#987cb9...
    html页分割线最简单的实现方式
    qq_39429962的博客
    10-15 1万+
    我们在写前台页的时候一般会碰到需要实现两个快中间加一条竖线，这样会使得页面分布更加清晰，下面就来说一说我的分割线的实现方式，设置一个div并给他设置宽高，然后设置其边框的颜色和宽度。 竖向分割线： &lt;body&gt; &lt;div style="width:200px;height:200px;background-color:#f0f0f0;float:left;"&gt;&lt...
    <hr>分割线样式
    h
    06-04 6860
    <hr style=" height:2px;border:none;border-top: 2px ridge green;" height: hr的高度 border: 是否有边框 border-top: 设置横线的样式 dotted 表示虚线
    评论
    添加红包

    请填写红包祝福语或标题

    个

    红包个数最小为10个

    元

    红包金额最低5元

    当前余额3.43元 前往充值 >
    需支付：10.00元
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付元
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明：

    1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

    余额充值