Android程序员搞Web之HTNL(一)
1、html主要包括:结构(重要,html)、样式(css)、行为(js)三部分。
2、html的基本结构(固定不变的结构)
<html>//根节点 <head>//页面的头部 <title>标题</title> </head> <body>//页面的内容 </body> </html>
3、html标签分为单标签和双标签,当标签内带有“/”表示标签结束。
4、标题标签(共六种)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html Test one</title> </head> <body> <h1>一级标题</h1> <h2>二级标题</h2> <h3>...</h3> <h6>六级标题</h6> </body> </html>
5、段落标签
<p>我是一个段落标签</p>
6、横线标签与换行标签
<hr/>//横线 <br/>//换行
7、div 与span
<div>我是div</div> <div>我是div</div> <span>我是span</span> <span>我是span</span>
div与span分别表示盒子一行只能有一个div,但是span可以一行有多个
8、文本格式化标签
<strong>加粗字体</strong> <b>我也是加粗字体</b> <br/> <hr/> <i>我是文本倾斜</i> <em>我也是文本倾斜</em> <br/> <hr/> <s>我是删除线</s> <del>我也是删除线</del> <br> <hr> <u>我是下划线</u> <ins>我也是下划线</ins>
10、图片标签
<img src="ic_launcher_round.png" />
常用属性:
src:目的图片的路径
alt:图片不能显示的错误图片
title:鼠标悬停与图片上方显示的文字
width和 hight :宽度和高度(给一个就行了,会自动等比例缩放)
border:为图片添加边框(参数为边框宽度)
11、链接标签
<a href="https://www.jianshu.com/u/2e5d001fdc4c"> <img src="ic_launcher_round.png" alt="error.png" /> </a> <a>可以是文字或者图像</a>
href:目的网站的链接
当未确定跳转链接的时候可以将href内添加一个“#”,使得点击超链接无法跳转。
target:默认参数为_self ,效果点击之后原页面被替换。_blank参数,效果为点击之后建立新窗口进行显示新页面。写法如下:
<a href="htmlTest1.html" target="_blank"></a>
12、锚点定位(类似于目录效果)
<a href="#test" >目标内容</a> <h1 id="test">就是这里你猜对了</h1>
1)、<a href="#+目标id" >目标内容</a>
2)、<h1 id="目标id">就是这里你猜对了</h1>
13、base标签
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html Test one</title> <base target="_blank" /> </head> <body> <a href="https://www.jianshu.com/u/2e5d001fdc4c" >简书</a> </body> </html>
若页面内所有的链接都用新窗口打开,则使用base标签,如果页面内某一个不需要新窗口打开则在该链接标签内添加target="_self "
属性
14、特殊字符标签
表示: 空格 < 表示: 小于号< > 表示: 大于号> & 表示: &
15、相对路径
1)、网页与图片位于同级的时候可以直接src=""
;图片
2)、图片位于网页的下一级路径的时候src="文件夹名称/图片名称"
;
3)、图片位于网页的上级路径src="../图片名称"
16、绝对路径
写法src="网络连接"
17、列表标签
1)、无序列表
<body> <ul> <li>第一个</li> <li>第二个</li> </ul> </body>
a)、ul标签内只能放li标签,如果放置其他的是不科学的
b)、li内可以放置其他标签
2)、有序列表
<body> <ol> <li>第一个</li> <li>第二个</li> <li>第一个</li> <li>第二个</li> <li>第一个</li> <li>第二个</li> </ol>
总结:可以搭建一个很丑的网页了。
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
短视频开发,音视频系统关于美颜SDK代码详解
随着短视频开发视频直播行业的兴起,抖音短视频受到了用户极度的追捧,整个行业的用户市场与发展前景都非常不错,已成为时下最热门的话题,大部分企业希望在自己的移动应用上添加类似动态贴纸、美颜SDK等功能需求,实现以上需求现在大部分企业是通过第三方视频SDK来完成的,那如何快速接入类似美颜SDK功能,本篇以**科技公司独自开发的美颜sdk特效为例:设置美颜强度compile 'com.aiyaapp.aiya:AyCore:v4.0.2'设置磨皮强度compile 'com.aiyaapp.aiya:AyEffect:v4.0.2'设置红润强度compile 'com.aiyaapp.aiya:AyFaceTrack:v4.0.2设置美白强度compile 'com.aiyaapp.aiya:AyShortVideoEffect:v4.0.2'具体使用可以参考Demo中DefaultEffectFlinger类中的使用短视频模块:引用的so库如下其现总共有13中效果分别是:无特效 —— LazyFilter.class灵魂出窍 —— SvSpiritFreedFilter.class抖动 ——...
- 下一篇
Android 图片相关整理
目录介绍 0.思考问题及解决方案 1.加载图片的压缩处理技术 2.网络url图片转换Bitmap保存到本地 2.1 直接通过http请求网络图片通过流转化成Bitmap 2.2 使用第三方库glide将网络图片转化为Bitmap 3.保存bitmap图片到本地文件夹 4.实现带有圆角的图片 4.1 使用glide处理图片圆角的逻辑 4.2 自定义带有圆角的ImageView 5.毫无满仓轮播图背景做高斯模糊 5.1 高斯模糊实现原理 5.2 高斯模糊实现的代码 5.3 高斯模糊可能会造成的崩溃 5.4 高斯模糊参考案例 关于链接 1.技术博客汇总 2.开源项目汇总 3.生活博客汇总 4.喜马拉雅音频汇总 5.程序员聊天笔记汇总 5.其他汇总 0.思考问题及解决方案 0.1.0 图片压缩的技术是什么,原理如何理解? 0.1.1 为什么保存图片,切割图片圆角需要将图片转化成bitmap? 0.1.2 对于从网络下载图片,可以采用什么方式?为什么glide相比从网络直接请求更加高效? 0.1.3 图片背景滑动高斯模糊的原理是什么,是否影响性能? 0.1.4 bitmap如何避免被回收?如果回...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
-
Docker使用Oracle官方镜像安装(12C,18C,19C)
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- CentOS8编译安装MySQL8.0.19
- Docker快速安装Oracle11G,搭建oracle11g学习环境
- SpringBoot2配置默认Tomcat设置,开启更多高级功能
- MySQL8.0.19开启GTID主从同步CentOS8
- CentOS7,8上快速安装Gitea,搭建Git服务器
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- SpringBoot2编写第一个Controller,响应你的http请求并返回结果
推荐阅读
最新文章
- CentOS关闭SELinux安全模块
- Hadoop3单机部署,实现最简伪集群
- CentOS6,7,8上安装Nginx,支持https2.0的开启
- SpringBoot2全家桶,快速入门学习开发网站教程
- SpringBoot2更换Tomcat为Jetty,小型站点的福音
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- CentOS8,CentOS7,CentOS6编译安装Redis5.0.7
- MySQL8.0.19开启GTID主从同步CentOS8
- Docker快速安装Oracle11G,搭建oracle11g学习环境
- SpringBoot2整合Redis,开启缓存,提高访问速度