当前位置： 首页 > wzjs >正文

营销型网站建设深度网百度搜索引擎排名规则

wzjs 2025/8/27 16:37:50
营销型网站建设深度网,百度搜索引擎排名规则,网站连接怎么做,佛山网站设计哪里好文章目录 是什么？HTML快速入门VS Code开发工具基础标签&样式新浪新闻-标题标题排版标题样式标题样式-1标题样式-2 超链接 新浪新闻-正文新浪新闻-正文排版新浪新闻-页面布局 表格标签表单标签表单标签-表单项 是什么？ HTML快速入门 VS Code开发工具 …

文章目录

  • 是什么？
  • HTML快速入门
  • VS Code开发工具
  • 基础标签&样式
    • 新浪新闻-标题
      • 标题排版
      • 标题样式
        • 标题样式-1
        • 标题样式-2
      • 超链接
    • 新浪新闻-正文
    • 新浪新闻-正文排版
    • 新浪新闻-页面布局
  • 表格标签
  • 表单标签
  • 表单标签-表单项

在这里插入图片描述

是什么？

在这里插入图片描述

HTML快速入门

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

VS Code开发工具

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述

在这里插入图片描述

基础标签&样式

在这里插入图片描述

新浪新闻-标题

在这里插入图片描述

标题排版

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

Alt + B ：在Vs Code 可以直接在浏览器打开当前页面

<!-- 文档类型为HTML -->
<!DOCTYPE html>
<html lang="en">
<head><!-- 字符集为UTF-8 --><meta charset="UTF-8"><!-- 设置浏览器兼容性 --><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>小型文件管理系统</title>
</head>
<body><!-- img标签；src：图片资源路径width：宽度(px，像素;%，相对于父元素的百分比)height：高度(px，像素;%，相对于父元素的百分比)路径书写方式：绝对路径：1.绝对磁盘路径：C:\Users\20316\Desktop\2751e74b8652543e97276d3943c581f0.webp<img src="C:\Users\20316\Desktop\2751e74b8652543e97276d3943c581f0.webp">2.绝对网络路径：https://i2.sinaimg.cn/dy/deco/2012/0613/yocc20120613img01/news_logo.png<img src="https://i2.sinaimg.cn/dy/deco/2012/0613/yocc20120613img01/news_logo.png">（推荐）相对路径：./：当前目录，可以省略../：上一级目录，不可省略--><img src="./img/453a431b79de0593f8b28e02bdc98a3b_1.jpg">   小型文件管理系统>首页  <!-- width = "300px" height = "300px" --><h1>小型文件管理系统</h1><hr>2025-02-22由无双开发的小型文件管理系统噢~~~<hr>
</body>
</html>

在这里插入图片描述

标题样式

在这里插入图片描述

标题样式-1

在这里插入图片描述
在这里插入图片描述

<!-- 文档类型为HTML -->
<!DOCTYPE html>
<html lang="en">
<head><!-- 字符集为UTF-8 --><meta charset="UTF-8"><!-- 设置浏览器兼容性 --><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>小型文件管理系统</title>
</head>
<body><img src="img/453a431b79de0593f8b28e02bdc98a3b_1.jpg"> 小型文件管理系统>首页 <!-- 方式一：行内样式 --><!-- <h1 style="color: aqua;">小型文件管理系统</h1> --><!-- 方式二：内嵌样式 (对当前页面有效)--><style>h1{/* color:hotpink; */color: rgb(0, 0, 225);/* color: #ff0000; */}</style><!-- 方式三：外联样式 --><!-- <link rel="stylesheet" href="./CSS/文件资源管理.css"> --><h1>小型文件管理系统</h1><hr>2025-02-22 15:03 无双<hr>
</body>
</html>

在这里插入图片描述

标题样式-2

在这里插入图片描述

<!-- 文档类型为HTML -->
<!DOCTYPE html>
<html lang="en">
<head><!-- 字符集为UTF-8 --><meta charset="UTF-8"><!-- 设置浏览器兼容性 --><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>小型文件管理系统</title>
</head>
<body><img src="./img/453a431b79de0593f8b28e02bdc98a3b_1.jpg" >   小型文件管理系统>首页  <!-- width = "300px" height = "300px" --><!-- 方式一：行内样式 --><!-- <h1 style="color: aqua;">小型文件管理系统</h1> --><!-- 方式二：内嵌样式 --><style>h1{color:hotpink;}/* 元素选择器span{color:blue;} *//* 类选择器 *//* .cls {color:blue;} *//* ID选择器 */#time {color:blue;/*设置字体大小 font-size: 13px; */}</style><h1>小型文件管理系统</h1><hr><span class = "cls" id = "time">2025-02-22 15:03</span>  <span class = "cls">无双</span><hr>
</body>
</html>

在这里插入图片描述

超链接

<!-- 文档类型为HTML -->
<!DOCTYPE html>
<html lang="en">
<head><!-- 字符集为UTF-8 --><meta charset="UTF-8"><!-- 设置浏览器兼容性 --><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>小型文件管理系统</title>
</head>
<body><img src="./img/453a431b79de0593f8b28e02bdc98a3b_1.jpg" > <a href="file:///C:/Users/20316/Desktop/HTML/04.%E6%96%87%E4%BB%B6%E8%B5%84%E6%BA%90%E7%AE%A1%E7%90%86%E5%99%A8-%E8%B6%85%E9%93%BE%E6%8E%A5.html" target="_self">小型文件管理系统</a>  >首页  <!-- width = "300px" height = "300px" --><style>h1{color:hotpink;}/* ID选择器 */#time {color:blue;/*设置字体大小 font-size: 13px; */}/* 把超链接的字体设置为黑色 并去掉下划线,设置为默认文本 */a {color: black;text-decoration: none;}</style><h1>小型文件管理系统</h1><hr><span class = "cls" id = "time">2025-02-22 15:03</span>  <span>无双</span><hr>
</body>
</html>

在这里插入图片描述

新浪新闻-正文

新浪新闻-正文排版

在这里插入图片描述

<!-- 文档类型为HTML -->
<!DOCTYPE html>
<html lang="en">
<head><!-- 字符集为UTF-8 --><meta charset="UTF-8"><!-- 设置浏览器兼容性 --><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>小型文件管理系统</title><style>h1{color:hotpink;}/* ID选择器 */#time {color:blue;/*设置字体大小 font-size: 13px; */}/* 把超链接的字体设置为黑色 并去掉下划线,设置为默认文本 */a {color: black;text-decoration: none;}p {/* 设置首行缩进 */text-indent: 35px; /* 设置行高 */line-height: 40px;}/* 设置对齐方式 */#plast {text-align: right;}</style>
</head>
<body><img src="./img/453a431b79de0593f8b28e02bdc98a3b_1.jpg" > <a href="file:///C:/Users/20316/Desktop/HTML/04.%E6%96%87%E4%BB%B6%E8%B5%84%E6%BA%90%E7%AE%A1%E7%90%86%E5%99%A8-%E8%B6%85%E9%93%BE%E6%8E%A5.html" target="_self">小型文件管理系统</a>  >首页  <!-- width = "300px" height = "300px" --><h1>小型文件管理系统</h1><hr><span class = "cls" id = "time">2025-02-22 15:03</span>  <span>无双</span><hr><!-- 正文 --><p><!-- 视频 --><span>以下为此文件资源管理器的<strong>使用说明</strong></span><!-- 换行 --><br><video src="" controls="controls"></video></p><!-- 音频 --><p><audio src="" controls></audio></p><p id="plast">责任编辑：无双</p><!-- 在HTML中无论输入多少个空格，只会显示一个。可以使用空格占位符：&nbsp; -->
</body>
</html>

在这里插入图片描述
在这里插入图片描述

新浪新闻-页面布局

在这里插入图片描述
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>盒子模型</title><style>div {width: 200px;;height: 200px;/* 指定width height为盒子的高宽 */box-sizing: border-box;/* 背景色 */background-color: aqua;/* 内边距：上 右 下 左 */padding: 20px 20px 20px 20px ;/* 边框 宽度 线条类型 颜色 */border: 10px solid red;/* 外边距：上 右 下 左 */margin: 30px;}</style>
</head><body><div>A A A A A A A A A A A A A A A A A A A A A A </div>
</body>
</html>

<!-- 文档类型为HTML -->
<!DOCTYPE html>
<html lang="en">
<head><!-- 字符集为UTF-8 --><meta charset="UTF-8"><!-- 设置浏览器兼容性 --><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>小型文件管理系统</title><style>h1{color:hotpink;}/* ID选择器 */#time {color:blue;/*设置字体大小 font-size: 13px; */}/* 把超链接的字体设置为黑色 并去掉下划线,设置为默认文本 */a {color: black;text-decoration: none;}p {/* 设置首行缩进 */text-indent: 35px; /* 设置行高 */line-height: 40px;}/* 设置对齐方式 */#plast {text-align: right;}#center {width: 65%;/* margin: 0% 17.5% 0% 17.5%; */margin: 0 auto;}</style></head>
<body><div id ="center"><img src="./img/453a431b79de0593f8b28e02bdc98a3b_1.jpg" > <a href="file:///C:/Users/20316/Desktop/HTML/04.%E6%96%87%E4%BB%B6%E8%B5%84%E6%BA%90%E7%AE%A1%E7%90%86%E5%99%A8-%E8%B6%85%E9%93%BE%E6%8E%A5.html" target="_self">小型文件管理系统</a>  >首页  <!-- width = "300px" height = "300px" --><h1>小型文件管理系统</h1><hr><span class = "cls" id = "time">2025-02-22 15:03</span>  <span>无双</span><hr><!-- 正文 --><p><!-- 视频 --><span>以下为此文件资源管理器的<strong>使用说明</strong></span><!-- 换行 --><br><video src="" controls="controls"></video></p><!-- 音频 --><p><audio src="" controls></audio></p><p id="plast">责任编辑：无双</p></div>
</body>
</html>

在这里插入图片描述

表格标签

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

表单标签

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

表单标签-表单项

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

http://www.dtcms.com/wzjs/508790.html

相关文章：

  • ai可以做网站吗百度网盘下载的文件在哪
  • 什么是网站和网页seo网站优化培训多少价格
  • 做商城网站的企业小熊猫seo博客
  • 什么网站专做宠物物品app推广方式
  • 网站标题修改抖音关键词挖掘工具
  • 网站设计构想企业网站模板建站
  • 网站内链wordpress插件宁波谷歌seo推广公司
  • ASP.NET2.0网站开发全程解析查网站排名
  • 闲鱼怎么推广自己的产品昆明关键词优化
  • 广州免费建站平台网络服务主要包括什么
  • 河南政务服务网查二建证书西安seo优化系统
  • 外贸网站平台推广网店代运营公司哪家好
  • 买了空间和域名 就有网站后台了吗优秀软文案例
  • 建筑型专业网站有哪些免费seo培训
  • saas做视频网站十种营销方式
  • 如何建立自己的商城网站杭州百度seo
  • 数据网站建设推广排名
  • 601668中国建筑官网seo排名赚官网
  • 大尺度做爰后入网站西安霸屏推广
  • 做网站如何盈利广告平台推广渠道
  • 杭州网站建设杭州沃迩夫快速网络推广
  • 企业网站名称怎么写seo系统推广
  • godaddy主机到网站谷歌广告上海有限公司
  • 招生门户网站建设方案株洲疫情最新情况
  • 河北沧州卫健委疫情最新消息南宁seo服务优化
  • 营销型网站建设模板抓关键词的方法10条
  • 山西网站开发百度下载安装到桌面上
  • 移动商城网站建设 深圳semicircle
  • wordpress教程linux合肥seo软件
  • 海尔集团网站建设做百度线上推广