| 红尘梦| 红尘醉
html网页代码结构的基础布局和介绍 - 站长资源网
  • 首页
  • 网站源码
    • 实用源码
    • 小说源码
    • 游戏源码
    • 导航源码
    • 影视源码
  • 程序模板
    • EMLOG模板
    • 织梦CMS模板
    • 杰奇CMS模板
    • 苹果CMS模板
    • WordPress模板
  • 前端学习
    • JS教程
    • CSS教程
    • HTML教程
  • 福利分享
    • 软件分享
  • 技术教程
    • SEO教程
  • 随心笔记
  • 网络资讯
  • 插件工具
    • EMLOG插件
    • 采集规则


登录后,享受更多优质服务哦
大哥! 个人中心退出登录
导航菜单
  • 首页
  • 网站源码
    • 实用源码
    • 小说源码
    • 游戏源码
    • 导航源码
    • 影视源码
  • 程序模板
    • EMLOG模板
    • 织梦CMS模板
    • 杰奇CMS模板
    • 苹果CMS模板
    • WordPress模板
  • 前端学习
    • JS教程
    • CSS教程
    • HTML教程
  • 福利分享
    • 软件分享
  • 技术教程
    • SEO教程
  • 随心笔记
  • 网络资讯
  • 插件工具
    • EMLOG插件
    • 采集规则
前端开发HTML教程

html网页代码结构的基础布局和介绍

2019/3/19 站长资源网  HTML教程 1026 0

html基础布局


        html文件,拥有着它自己独特的代码布局,想要写一个html网页,首先得要把基础结构,也就是基础布局先写好,然后才是去写网页的内容,html网页的结构相当于人体的骨架,网页里面的内容相当于人体的肉身,先有结构,后有内容。


      html文件的布局格式如下:


<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
</head>
<body>
    <p>hello world</p>
     <p>世界,你好</p>
</body>
</html>


html布局的介绍


      <!DOCTYPE html> 这个标签的意思是表示这是一个html文件。

      <html lang="zh">  这标签是html文件的根标签,lang="zh" 代表着这个网页里面的语言是中文。

      <head>  这个标签里面所存放的代码是不会被浏览器展示出来的,可以用来存放统计代码等。

      <meta charset="UFT-8"> 这个标签的意思是这个html网页里面的字符全部以UTF-8编码来执行的。

      <body>  这个是html网页的内容页,可以在这里面添加你想被展示出来的内容。


      一般来说,一个html网页的基础结构就是以这几种标签来组成的,网页的内容,也就是想被用户所看到的东西,全部是写在 <body> 这个标签里面的,而那些不想被用户所看到的东西,例如统计代码等,全部是写在<head>这个标签里面,而<html>这个标签作为根标签,所有的标签都必须在<html>标签里面,这就是一个html网页的基础结构。  



 点赞:0  打赏  分享  海报

  • 打赏支付宝扫一扫
  • 打赏微信扫一扫
  • 打赏企鹅扫一扫
作者头像 作者名称 作者性别
站长资源网
联系作者 作者主页

热门推荐

1 在html代码里面使用 <a></a>标签 设置文字超链接和图片超链接教程
2 在html代码里面最常用的字体样式代码
3 在 < input > 标签里面 比较常用的type属性 以及用法
4 HTML代码里面有序列表、无序列表、自定义列表的写法以及区别
5 在HTML代码里面表格的写法以及表格的特性
6 HTML代码制作的表格合并单元格教程

评论列表

取消回复

随机文章

    • PTCMS采集规则 81中文网最新可用后台小说采集规则
      • PTCMS采集规则 笔趣岛小说网最新可用后台小说采集规则
        • EMLOG插件 博客之家网站分类大全插件 实用功能插件
          • 精美好看的软件下载单页 适合用于代挂APP下载页面
            • PTCMS采集规则 云阅小说网最新后台小说采集规则分享
  • 分类

    • 网站源码
    • 程序模板
    • 插件工具
    • 技术教程
    • 福利分享
    • 前端学习
    • 随心笔记
    • 网络资讯
    • 商城专区
  • 标签

    织梦后台模板 (1) 首图模板 (1) css样式 (1) 织梦CMS (6) EMLOG模板开发手册 (1) HTML教程 (8) 苹果cms采集文章 (1) 合并单元格 (1) 采集插件 (1) Kiss模板 (1) 青爽灰色模板 (1) https (1) 优惠活动 (2) 在线生成二维码 (1) 小白资源网 (1) 福利分享 (1) 技术教程 (17) EMLOG模板 (15) 苹果CMS自适应模板 (9) 简约风格 (1) 刺激战场 (1) 防红源码 (1) D盾 (1) 软件分享 (5) 高仿应用宝下载单页 (1) 小说网站源码 (1) WordPres (1) 淘宝客模板 (1) JS教程 (1) 模板插件 (1)
  • 链接

    • 站长资源网
    • LBTSTO自由商店
    • DYBOY博客
    • 小胖博客
    • 博客之家
    • 54网赚论坛
    • 练字教程
    • 动物知识
    • seo培训
  • Emlog简约资源分享主题

    • 采用了简约单调的风格
    • 比较适合资源分享网
    • 一反常态的模板风格类型
    • 全站自适应资源网主题
    • 原创制作的第一款EMLOG模板
    0元

    需要就请骚扰我

    立即下载
  • 网站统计 I 当前在线:2人

    • 本站管理:1位
    • 用户总数:336位
    • 置顶文章:2篇
    • 日志总数:162篇
    • 微语总数:1条
    • 评论总数:2732条
    • 标签总数:276条
    • 页面总数:4页
    • 分类总数:26个
    • 链接总数:15条
    • 运行天数:723天
    • 最后更新:6月5日
  • 用户登陆

    
    
    找回密码

    找回密码

    密码已找回?返回登陆

    用户注册

    
    
    စ
    
    已有账号?返回登陆
    Copyright © 2021站长资源网 程序:Emlog5.31 主题:Meta 3.54
    • 首页
    • 加群
    • 搜索
    • 模板
    • 用户

    大家都在搜

    • 文章原创保护
    • 水印插件
    • 韩剧TV模板
    • 门户模板
    • V10整洁模板
    • 网络资讯
    • 墨墨言情网模板
    • 论坛风格
    • 和平精英
    • css样式
    • 华为OS系统
    • 鸿蒙OS开源
    • 精美UI
    • 导航模板
    • 三星自燃
    • 短链接生成
    • 
    • 