简单的HTML结构

最新推荐文章于 2023-03-15 17:27:54 发布
最新推荐文章于 2023-03-15 17:27:54 发布
阅读量151 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42646310/article/details/104825789
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="head"></div>
       <div id="logo">
           <a href="#"><img src="" alt=""></a>
       <ul>
           <li><a href="">关于我们</a></li>
           <li><a href="">公司观点</a></li>
           <li><a href="">产品世界</a></li>
           <li><a href="">关于我们</a></li>
           <li><a href="">关于我们</a></li>
        </ul>
    </div>
    <div id="banner">
        <a href="#"><img src="" alt=""></a>
    </div>
    <div id="server">
        <ul>
            <li>
                <div style="background-image: url();"></div>
                <h3>企业新闻/News</h3>
                <p>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</p>
                <a href="#">Read more >></a>
            </li>
            <li>
                <div style="background-image: url();"></div>
                <h3>企业新闻/News</h3>
                <p>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</p>
                <a href="#">Read more >></a>
            </li>
            <li>
                <div style="background-image: url();"></div>
                <h3>企业新闻/News</h3>
                <p>测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</p>
                <a href="#">Read more >></a>
            </li>
        </ul>
    </div>
    <div id="case">
        <div>
            <h3>工程案例</h3>
        <ul>
              <li><a href="#"><img src="" alt=""></a></li>
              <li><a href="#"><img src="" alt=""></a></li>
              <li><a href="#"><img src="" alt=""></a></li>
              <li><a href="#"><img src="" alt=""></a></li>
        </ul>

        </div>
        <hr>
        <div>
        <ul>
            <li><a href="#"><img src="" alt=""></a></li>
            <li><a href="#"><img src="" alt=""></a></li>
            <li><a href="#"><img src="" alt=""></a></li>
            <li><a href="#"><img src="" alt=""></a></li>
        </ul>
        </div>
        <h3>产品世界</h3>
    </div>
    <div id="foot">
      <dl>
          <dt>关于我们</dt>
          <dd>2222</dd>
          <dd>2222</dd>
          <dd>2222</dd>
          <dd>2222</dd>
          <dd>2222</dd>
          <dt>服务支持</dt>
          <dd>2222</dd>
          <dd>2222</dd>
          <dd>2222</dd>
          <dd>2222</dd>
          <dd>2222</dd>
          <dt>联系我们</dt>
          <dd>2222</dd>
          <dd>2222</dd>
          <dd>2222</dd>
          <dd>2222</dd>
          <dd>2222</dd>
      </dl>
      <div>
          <h3>ECOSYSC</h3>
          <p>测试</p>
          <img src="" alt="">
      </div>
      <div>
          <ul>
          <li>测试</li>
          <li>测试</li>
          <li>测试</li>
          <li>测试</li>
          <li>测试</li>
          </ul>
      </div>
      <p>测试测试测试测试测试测试测试</p>
    </div>
</body>
</html>
ai主角
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
简单后台框架结构html
05-02
【标题】"简单后台框架结构html"所涉及的知识点主要集中在网页布局和前端开发领域，尤其是后台管理界面的构建。这种框架结构通常用于构建后台管理系统，以便于网站或应用程序的运营和维护。以下是对这些知识点的详细...
HTML网页结构
zhangeer的博客
09-30 780
HTML网页结构：html标签,head标签,title标签,body标签，!doctype html标签，meta 自结束标签
HTML——一个简单的完整的网页完整结构
三三木木七的博客
05-08 1700
🌳🌳🌳前言：本文简单总结了一下 一个简单完整的网页结构包含的主要元素。 🍄HTML简单的完整的结构 🍨HTML——声明文档格式：DOCTYPE 🍥为什么要声明文档类型呢？ 因为在Web世界里，有很多各式各样的文档类型，所以我们首先需要做的便是声明该文档是HTML，以便浏览器正确显示网页。 🌰举个例子 <!DOCTYPE HTML> 声明了该文档是HTML5 🍨HTML——根元素：HTML 元素 <HTML>元素告知浏览器其本身是一个HTML文档。 除去第一行..
网页的结构
Dummerd的博客
06-20 1588
能够让你清楚的了解什么是网页结构，实体，html的规范，常用标签以及块元素和行内元素等
HTML基本网页结构
weixin_69761220的博客
05-04 4371
HTML基本结构
HTML基本结构简述
ysds20211402的博客
05-05 1348
转自：微点阅读https://www.weidianyuedu.com 之前介绍了HTML的编码规范，良好编码规范可以让我们的代码更加的易于维护，而今天要说的基本结构，则是能够让我们的页面正确的进行页面显示和SEO，正确的HTML格式加上良好的编码规范才是一个成熟合格的项目。 HTML页面基本结构 <!DOCTYPE html><html><head><metacharset="utf-8"...
tornado 简单项目结构
08-11
下面将详细介绍这个简单项目结构中的关键组成部分。 1. **主程序文件 (main.py)**：通常在 Tornado 项目中，`main.py` 文件是入口点，负责设置应用实例，定义路由，以及启动服务器。在这个简单的项目结构中，你会...
简单的html
03-04
"简单的html"这个主题，意味着我们将探讨HTML的基本概念、结构以及如何创建一个简单的HTML页面。 首先，HTML文档由头部（Head）和主体（Body）两部分组成。头部包含元信息，如文档标题、字符集设置等，通常在`...
html.zip_简单的网页html
09-19
简单的网页html"压缩包中，包含了六个HTML文件：5.html、3.html、4.html、2.html、1.html和6.html。这些文件可能是为初学者设计的，旨在教授基本的HTML语法和结构。 1. HTML基本结构：每个HTML文件通常由<!DOCTYPE ...
html.rar_html_html简单例子
09-24
压缩包中包含了HTML的简单示例，旨在帮助初学者理解和掌握HTML的基本结构和元素。 HTML由一系列的元素组成，这些元素通过标签来定义。例如，`<html>`元素是所有HTML文档的根元素，`<head>`元素包含了文档的元信息，...
html css极简网页架构
12-25
HTML、css网站模板，内含字体文件
HTML基本结构
最新发布
fengzhiguanS的博客
03-15 2839
一、网页三大组成部分 结构：html，是超文本标记语言——用来搭建网页的结构 样式：css——网页的样式 行为：js，是一种语言，称为脚本语言——交互行为 用户对网页的操作 数据交互
HTML页面基本结构介绍
xiaoweids的博客
07-18 1814
如果用人体的结构来类比的话，这部分属于网页的头部，这部分中描述了HTML文件的各种属性和信息，如网页的标题，字符编码，是否启用缓存，引用的外部脚本和样式等等。之前介绍了HTML的编码规范，良好编码规范可以让我们的代码更加的易于维护，而今天要说的基本结构，则是能够让我们的页面正确的进行页面显示和SEO，正确的HTML格式加上良好的编码规范才是一个成熟合格的项目。HTML的主体，网页的文本、超链接、图像、表格、视频等所有在网页上显示的内容都写在这里。——用于告诉搜索引擎网页的关键字。——设置cookie设定。.
前端html基本结构
henry_rhy的博客
08-16 1647
前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页和界面前端开发中最基本也是最必须的三个技能。HTML:页面结构:可以把他看成一个文档,定义展示页面的内容结构CSS:页面表现:元素大小、颜色、位置、隐藏或显示、部分动画效果JavaScript:页面行为:部分动画效果、页面与用户的交互、页面功能。......
HTML的基本结构
修罗神的海岛
04-13 4476
<html>内容</html>：HTML文档是由<html></html>这是HTML文档的文档标记，也称为HTML开始标记。这对标记分别位于网页的最前端和最后端，<html>在最前端表示网页的开始，</html>在最后端表示网页的结束。 <head>内容</head>: HTML 文件头标记，也称为HTML头信息开始标记。用来包含文件的基本信息，比如网页的标题、关键字,在<head></h.
入门HTML 简单的结构
weixin_33829657的博客
03-19 100
　　HTML，是用于网页编写的标准的语言。您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。 　　HTML最简单的编译器可以用记事本，或者是 高级一点的visual studio Code,这里可以下载https://code.visualstudio.com/ 　　 　　这是HTML最基本的结构，由<html>开头</html&...
教你写一个简单的网页（html网页开发入门）
热门推荐
赵不懂的博客
07-14 9万+
一些基本的html知识
HTML基本结构，HTML发展简单介绍，HTML（一）
weixin_46351593的博客
04-17 851
第一次HTMl笔记HTMl(一)HTML基本结构HTML注释HTML标签的属性HTMl的发展有这么多版本，那么网页如何区分我们使用的版本呢？html4的doctype声明xhtml1.0的doctype声明html5的doctype声明设计网页的编码字符集HTML常用标签标题标签段落标签实体图片标签路径：src图片格式问题常见的图片格式图片的使用原则 这是个人做的HTML学习笔记啦，简单记录下学习...
HTML基础入门：构建简单网页及元素结构
通过浏览器访问这个简单网页，可以看到HTML文档结构的直观效果，这对于理解HTML的工作原理和实践网页设计非常关键。 这份课件提供了HTML语言入门级别的教程，对于希望进入Web开发领域的人来说，无论是基础理论还是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值