当前位置: 首页 > news >正文

手机网站开发技术网络推广营销技巧

手机网站开发技术,网络推广营销技巧,广州网站建设 讯度网络,提供秦皇岛网站建设哪里有day01-HTML&CSS HTML 图片标签&#xff1a;<img> src&#xff1a;指定图像URL&#xff08;绝对路径/相对路径&#xff09;width&#xff1a;图像宽度&#xff08;像素/相对于父元素的百分比&#xff09;height&#xff1a;图像高度&#xff08;像素/相对于父元素的百…

day01-HTML&CSS

HTML

  • 图片标签:<img>

    • src:指定图像URL(绝对路径/相对路径)
    • width:图像宽度(像素/相对于父元素的百分比)
    • height:图像高度(像素/相对于父元素的百分比)
  • 标题标签:<h1> - <h6>

  • 水平线标签:<hr>

<body><!-- img标签:src:图片资源路径width:宽度(px:像素; %:相对于父元素的百分比)height:高度(px:像素; %:相对于父元素的百分比)路径书写方式:绝对路径:1.绝对磁盘路径:D:\Desktop\JavaWeb学习\HTML\img\news_logo.png<img src="D:\Desktop\JavaWeb学习\HTML\img\news_logo.png">2.绝对网络路径:https://i2.sinaimg.cn/dy/deco/2012/0613/yocc20120613img01/news_logo.png相对路径:./  当前目录../ 上一级目录    -->  <img src="img/news_logo.png"> 新浪政务 > 正文<h1>焦点访谈:中国底气 新思想夯实大国粮仓</h1><hr>2023年03月02日 21:50 央视网<hr></body>

image-20231229003040629

  • 超链接:<a>
    • href:指定资源访问的url
    • target:指定在何处打开资源链接
      • _self:默认值,在当前页面打开
      • _blank:在空白页面打开
<a href="http://gov.sina.com.cn/" target="_self">新浪政务</a><style>a:hover {color: #FF6600; /* 鼠标悬停时改变颜色 */}a {color: black;text-decoration: none;/* 去除下划线 */}
</style>
  • 视频标签:<video>

    • src:规定视频url
    • controls:显示播放控件
    • width:播放器宽度
    • height:播放器高度
  • 音频标签:<audio>

    • src:规定音频url
    • controls:显示播放控件
  • 段落标签:<p>

  • 文本加粗标签:<b>/<strong>

<!-- 视频 -->
<video src="video/1.mp4" controls width="950px"></video>
<!-- 音频 -->
<audio src="audio/1.mp3" controls></audio>
<style>p {text-indent: 2em;/* 设置段落首行缩进两个字符 */line-height: 40px;/* 设置行高为40px */}
</style>
  • 表格标签

image-20231229005916336

<body><table border="1px" cellspacing="0"  width="600px"><tr><th>序号</th><th>品牌Logo</th><th>品牌名称</th><th>企业名称</th></tr><tr><td>1</td><td> <img src="img/huawei.jpg" width="100px"> </td><td>华为</td><td>华为技术有限公司</td></tr><tr><td>2</td><td> <img src="img/alibaba.jpg"  width="100px"> </td><td>阿里</td><td>阿里巴巴集团控股有限公司</td></tr></table></body>

image-20231229010037085

  • 表单标签

    • <input>:定义表单项,通过type属性控制输入形式

    • <select>:定义下拉列表

    • <textarea>:定义文本域

    • action:规定当提交表单时向何处发送表单数据,URL

    • method:规定用于发送表单数据的方式。GET、POST

<body><!-- value: 表单项提交的值 -->
<form action="" method="post">姓名: <input type="text" name="name"> <br><br>密码: <input type="password" name="password"> <br><br> 性别: <input type="radio" name="gender" value="1"><label><input type="radio" name="gender" value="2"></label> <br><br>爱好: <label><input type="checkbox" name="hobby" value="java"> java </label><label><input type="checkbox" name="hobby" value="game"> game </label><label><input type="checkbox" name="hobby" value="sing"> sing </label> <br><br>图像: <input type="file" name="image">  <br><br>生日: <input type="date" name="birthday"> <br><br>时间: <input type="time" name="time"> <br><br>日期时间: <input type="datetime-local" name="datetime"> <br><br>邮箱: <input type="email" name="email"> <br><br>年龄: <input type="number" name="age"> <br><br>学历: <select name="degree"><option value="">----------- 请选择 -----------</option><option value="1">大专</option><option value="2">本科</option><option value="3">硕士</option><option value="4">博士</option></select>  <br><br>描述: <textarea name="description" cols="30" rows="10"></textarea>  <br><br><input type="hidden" name="id" value="1"><!-- 表单常见按钮 --><input type="button" value="按钮"><input type="reset" value="重置"> <input type="submit" value="提交">   <br>
</form></body>

image-20231229010738787

CSS

引入方式

  • 行内样式
  • 内嵌样式
  • 外联样式
<head><title>焦点访谈</title><!-- 方案二:内嵌样式 --><style>h1 {color: #4D4F53;}</style> <!-- 方案三:外联样式 --><link rel="stylesheet" href="css/news.css">
</head>
<body>  <!-- 方案一:行内样式 --><h1 style="color: red;">焦点访谈:中国底气 新思想夯实大国粮仓</h1>
</body>

颜色表示

  • 关键字:red、green
  • rgb:rgb(255,0,0)、rgb(111,222,233)
  • 十六进制:#ff0000、#cccccc、#ccc
h1 {/* color: red; *//* color: rgb(0, 0, 255); */color: #4D4F53;
}

CSS选择器

  • 元素选择器

image-20231229003331647

  • id选择器

image-20231229003426053

  • 类选择器

image-20231229003617817

  • 优先级:id > 类 >元素

盒子模型

组成: 内容(content)、内边距(padding)、边框(border)、外边距(margin)

image-20231229004814834

属性:

  • width:设置宽度
  • height:设置高度
  • border:设置边框的属性,如:1px solid #000;
  • padding:内边距
  • margin:外边距
  • 注意:如果只需要设置某一个方位的边框、内边距、外边距,可以在属性名后加上 –位置,如:padding-top、padding-left、padding-right …

布局标签

div标签:

  • 一行只显示一个(独占一行)
  • 宽度默认是父元素的宽度,高度默认由内容撑开
  • 可以设置宽高(width、height)

span标签:

  • 一行可以显示多个
  • 宽度和高度默认由内容撑开
  • 不可以设置宽高(width、height)
    外边距

布局标签

div标签:

  • 一行只显示一个(独占一行)
  • 宽度默认是父元素的宽度,高度默认由内容撑开
  • 可以设置宽高(width、height)

span标签:

  • 一行可以显示多个
  • 宽度和高度默认由内容撑开
  • 不可以设置宽高(width、height)
http://www.khdw.cn/news/25828.html

相关文章:

  • 深圳开发网站建设网络平台推广具体是怎么推广
  • 网站信息化建设方案天津优化公司
  • WordPress固定链接跳转seo是啥
  • 专业网站建设开发甲马营seo网站优化的
  • 网站制作费会计分录怎么做营销型网站建设流程
  • 天津营销网站建设联系方式网络营销成功案例介绍
  • 做网站的图片房产成人用品网店进货渠道
  • 做网站 模板网站开发外包
  • 全国装饰公司最新排行榜长沙谷歌seo
  • 网站怎么让百度收录百度推广业务员电话
  • wordpress如何把菜单北京官网seo收费
  • WordPress滚轴动画主题搜狗搜索引擎优化论文
  • 帝国做网站的步骤seo是什么职位缩写
  • 怎样做网络推广产品seo运营学校
  • 网站开发有哪些方向seo的作用是什么
  • 怎样做自己的公司网站cps游戏推广平台
  • 广州网站建设海珠信科网站推广优化外包公司哪家好
  • 郴州红网兰州模板网站seo价格
  • 好网站有没有查询友情链接
  • 佛山网站外包百度上首页
  • 多个网站域名 是新增接入国内最新消息新闻
  • 金华网站建设方案策划自助建站网
  • 动画设计模板免费关键词排名优化
  • 5000多一年的网站建站宁波网站建设方案推广
  • 动态网站后台开发市场营销公司排名
  • 网站开发和移动开发广州seo网站排名
  • 官方网站开发商大连网站搜索排名
  • dw做网站小技巧上海优化外包
  • wordpress 日志 运行代码seo推广的公司
  • 软件b2c网站建设排名优化网站seo排名