学习前端----1个月

2023-11-01

不知不觉前端已经学习了一个月,这一个月也收获了很多,从一名小菜鸟到现在的慢慢的了解,慢慢的适应,感觉每天的生活很充实。

html文字介绍


“文字介绍”

h1-h6是标题数字越大,标题越小


p 是一个段落。

br 换行

hr 水平尺

b加粗标签

em i标签使用 斜体 两个都可以

big 放大 big
《sub>下标 sub》
“文字”
sup>上标 sup
《u》加下划线

color: red; /* color字体颜色,注意background-color背景色区分*/
font-size: 20px;/* 字体大小 ,默认16px*/
font-weight: 600;/* 字体粗细,默认normal正常,单位榜,数字越大字体越粗 */
align =“left” “center” 标题居中(css也可以用)
width=“宽” height=“高”


二、图片

html加图片 (“文件名”.html)所在目录为同一级目录 绝对路径:直接加图片名+格式 相对路径: 下级文件夹加(加文件夹名+图片名+格式) 相对路径 :上级加硬盘开始所有路径文件夹名 【href和src同理】(相对:相对正在编辑的文件它本身)

img 来定义的 图像是通过标签.
alt 图片中显示文字 提示
img src="" width=“宽” height=“高”


三、超链接

a href=" " 网址 来定义的.实例 超链接
target="_blank"浏览器新标签页打开新网页
未设置就是默认值"_self"当前标签页打开,"_blank新标签页打开


四、背景

BODY background="image.gif" 这是最常用的形式,即完全平铺 background-repeat : repeat-y垂直方向平铺; repeat-x仅水平方向平铺;cover:平铺满整个网页窗口 no-repeat不平铺; repeat:重复铺放

两个值为横坐标,纵坐标,多个值用逗号分隔,图片最大化。
两个值为百分比:100%宽或高为100%,高或宽等比例缩放。图片做背景的效果不太好。如果高为100%,高指的是body的高。
cover:平铺满整个网页窗口
repeat:重复铺放


五、音频

embed src="" 定义声音

video支持三种音频格式ogg、mp4、webm,为了兼容性考虑,一般会引入其中的两种格式,标签定义视频,比如电影片段或其他视频流。

audio 标签定义声音,比如音乐或其他音频流。audio支持三种音频格式ogg、mp3、wav,为了兼容性考虑,一般会引入其中的两种格式

  • autostart属性: 是否自动播放
  • false属性:仅播放一次 默认值
  • true属性:为音乐文件读取完后立即播放,(永远循环))
  • false属性:不立即播放
  • loop 属性:循环次数
  • volume属性:设置音量取值范围是“0-100”,默认值为系统当前音量。*
  • starttime属性:设置音乐开始播放的时间,格式是“分:秒”,
  • endtime属性: 设置音乐结束播放的时间,具体格式同上。
  • width属性: 设置音乐播放控制面板的宽度。
  • height属性: 设置音乐播放控制面板的高度。
  • controls属性 设置音乐播放控制面板的外观,
  • console属性:显示为通常面板
  • smallconsole属性:为小型面板。
  • playbutton属性:为是否显示播放按钮;
  • pausebutton属性:为是否显示暂停按钮;
  • stopbutton属性:为是否显示停止按钮;
  • volumelever属性:为是否显示音量调节按钮
  • autoplay属性:(mp4)如果出现该属性,则音频在就绪后马上播放


六、表格
  • border属性:边界线 边框"~px"

  • align属性:会让表格居中(已不经常被使用"~px")

  • bgcoler属性:background color 背景颜色

  • table标签:表格

  • tr标签:table row表格里一行

  • th标签:table head表格里第一行表头中的列

  • td标签:table data表格普通一行中的一列。

  • colspan属性:colum 列合并值为数字,写属性的那列准,向后合并几列。

  • rowspan属性:row span 行合并

  •  空格


      table–>

     tr

       th th

     tr

      table>

     ul(UNorder list无序表)

      li   li

     ul

     ol (order list有序表)


      li   li

     ol


七、表单 - form标签
- input属性:text文本框 password密码框
- type属性:text文本框 password密码框 radio单选 CheckBox 多选-
- - placeholder属性:标签里的提示 input标签里的提示信息
- title属性:鼠标悬停提示信息
- name属性:必须,表单中的name属性必须写的,因为后端表单框架取- 值需要根据name的值。单选中需要根据name值确定一组选项
- value属性:必须,表单真正发送到后台数据值,区别于显示内容。例- 如文本的 value值等于用户输入信息;单选框发怂到后台的值等- 于选择选项的value值
- label属性:语义化标签,提示信息显示在input标签前,文本框头部- 信息
- for属性:把label标签内和input连接起来,没有for属性先写label- 再写input
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

学习前端----1个月 的相关文章

  • 更改离子搜索栏的占位符和清晰图标颜色不是全局的吗?

    我有两个离子搜索栏 我只需要更改其中之一的占位符和清除图标颜色
  • 如何使 jQuery 向上动画

    我有一些 jquery 运行得相当好 但是当我将鼠标悬停在有问题的元素上时 底部向下扩展 这并不意外 但不是所需的效果 我希望元素的底部保持静止 而元素的顶部向上扩展 如果您想查看我目前拥有的内容 您可以导航至http demo ivann
  • 如何在 Bootstrap 3 中指定行高?

    使用 Bootstrap 3 我将 row 类的高度设置为 3 5em 我在行中有几个输入 它们与行的顶部对齐 我想让它们底部对齐 我尝试过垂直对齐 底部的样式 但这似乎不起作用 我想让东西底部对齐的原因是我有一个浮动标签 我在输入字段上方
  • gwt 中的垂直居中

    如何使用垂直面板在 gwt 中垂直居中 或者请告诉我有什么方法可以进行垂直居中 如果你想直接使用VerticalPanel从代码中 您需要使用setVerticalAlignment HasVerticalAlignment ALIGN M
  • 位置:绝对在边框半径内且溢出:隐藏

    我遇到了问题border radius在webkit浏览器中找到了解决方案 网址如下 如何在 Chrome Opera 中使 CSS3 圆角隐藏溢出 https stackoverflow com questions 5736503 how
  • 每页都包含菜单

    假设我有一个简单的 CSS 布局 我的菜单是侧面的一列 此菜单将出现在每个网页上 大约 10 个网页 如果我在这个菜单上有链接等形式的项目 我怎样才能做到这样 如果我在一页上添加链接 它会将其添加到所有页面 你能把它做成一个 PHP 页面吗
  • 如何将元素浮动到水平居中元素的左侧或右侧?

    对于分页 我想使用元素的水平对齐方式 如下所示
  • 数据库中的 HTML 标签是不好的做法还是好的做法?

    有时我需要格式化来自数据库的特定数据或部分数据 例如 如果我有这样的 desc 存储在数据库中 HTML 4 经过调整 延伸和增强 超出了其最初的范围 为网站带来了高水平的交互性和多媒体 Flash Silverlight 和 Java 等
  • 如何更改单选按钮与其文本之间的间距?

    我有以下 HTML
  • 保留以下文本的标题

    我正在使用 css 列计数功能将我的部分分成两列 在一个页面上 我在第一列的底部有一个 h3 标题 在下一列的顶部有一个 p 段落 我想保留该段落的前几句话的标题 我可以将其与整个段落一起包装在使用 inline block 样式的 div
  • 滚动视图上的固定按钮

    我目前正在尝试在屏幕右下角的滚动视图上显示一个按钮 但它不起作用 当我滚动视图时按钮会移动 我尝试先插入按钮 但滚动视图位于其上方 class HomePage extends Component loadUserItems this pr
  • 是否可以使materialize.css模态更大并删除垂直滚动条?

    我刚刚创建了按钮 单击后会弹出一个模式 每个按钮都有一个显示不同练习 gif 的模式 然而 模态框太小 导致用户无法看到整个 gif 迫使他们向下滚动 我想删除滚动条并使模态更大 以便用户可以看到整个 gif 任何帮助都会很棒 这是我的代码
  • CSS 动画延迟和关键帧

    我在 CSS 动画上遇到动画延迟问题 我有 3 张图片 我想将其制作为幻灯片 插图是 图像1到图像2需要15秒改变 图像2到图像3需要15秒改变 图像3回到图像1需要30秒 在第一个循环之后 我想让幻灯片结束于图像3 因此图像1到图像2仍然
  • 如何在asp.net背后的代码中获取css样式

    我需要从 asp net c 中的代码后面获取 css 样式 在网上没有找到解决方案 是否可以直接从 styles css 文件获取它 还是需要解决方法 我在我的网络应用程序中使用主题 但我还需要进行一些服务器处理 并且我需要 ccs 文件
  • CSS 内边框?

    我纯粹用 CSS 创建了左侧的按钮 它是一个div 中的一个div 然而 右侧的三个按钮是background属性于img标签 我这样做是为了按照以下说明模拟翻转效果here http kyleschaeffer com best prac
  • Div 独特的 CSS 样式链接

    我想为单个特定 div 中的链接创建独特的样式 例如 我希望主体中的所有链接为粗体和红色 但在侧边栏 div 中我希望它们为蓝色和斜体 我该怎么办 I have a link color 666666 a visited color 003
  • 未捕获的异常:数据表编辑器 - 不允许远程托管代码

    我正在尝试使用 Datatables 使用 datatableseditor 来实现 CRUD 操作 但是我收到错误消息 1 未捕获的异常 数据表编辑器 不允许远程托管代码 请参见http editor datatables net有关如何
  • 为什么我不能同时使用背景图像和颜色?

    我想做的是展示两者background color and background image 这样我的一半div将覆盖右侧的阴影背景图像 而左侧的另一部分将覆盖背景颜色 但是当我使用background image 颜色消失 完全可以使用颜
  • 悬停时的 CSS 过渡

    我有个问题 实际上 当我将鼠标悬停在对象上时 我尝试在 div 上进行转换 所以基本上我有一个div 当我将鼠标悬停在div上时 它应该在其顶部显示另一个div 但是它应该被转换 这样悬停效果会更平滑 如果我有这两个 div 怎么可能 di
  • 标题的下边框小于宽度

    我需要创建一个下划线效果底部边框小于h2标题的宽度 通常我不上传图片 但我认为这可能有助于进一步解释问题 您可以为此使用伪元素 例子 http jsfiddle net SZ39x pseudo border position relati

随机推荐

  • 手把手教你在Android中使用bsdiff实现文件增量更新 (超详细)

    全量更新和增量更新 在Android开发中 版本更新是一个非常常见的需求 目前更新主要分为两种方式 全量更新 增量更新 如下图 分别是酷安和应用宝两个商店的更新页面 可以明显的看到 酷安的更新方式是全量更新 即每次下载全量的新版本文件 当然
  • Ubuntu 18.04 出现GLIBC_2.28 not found的解决方法(亲测有效)

    关于 lib x86 64 linux gnu libc so 6 version GLIBC 2 28 not found 出现报错 建议不要使用源码包去编译并升级 在下文有分享一个使用官方的Debian软件包去升级使用的方法 仅供参考
  • Android开发中的Unable to resolve superclass of L错误解决方法

    这个方法一般是因为引入第三方包造成的 注意android support v4等等也算 解决方法 项目上右键 gt Build Path gt Configure Build Path gt Order and Export里将引入的第三方
  • 头歌:字符串处理

    一 字符串的拼接 将要处理的字符串存放在变量中之后 可直接加 额外 空格需要用 框起来使用 二 字符串的转换 1 获取长度 使用函数len 注意使用字符串变量和直接应用字符串内容的区别 字符串需要加 符号 创建字符串是 输入的字符串也需要加
  • Qt只出现 exited with code 3的错误

    我的这个错误是在debug的时候报错 但是release和profile是可以正常运行的 各种百度以后 还是没有找到解决办法 自己无意中尝试将mingw32改为Mingw64重新运行之后就没问题了 好神奇 虽然解决了bug 但是还是不清楚其
  • 浅谈Http长连接和Keep-Alive以及Tcp的Keepalive

    Keep Alive模式 我们知道Http协议采用 请求 应答 模式 当使用普通模式 即非Keep Alive模式时 每个请求 应答 客户端和服务器都要新建一个连接 完成之后立即断开连接 当使用Keep Alive模式时 Keep Aliv
  • 微服务开发概要设计

    Software environment requirements The software environment includes the software on which the project runs Such as web a
  • NumPy 笔记(超级全!收藏√)

    文章目录 NumPy 教程 NumPy Ndarray 对象 NumPy 数据类型 数据类型对象 dtype NumPy 读取数据 NumPy 数组属性 ndarray ndim ndarray shape ndarray itemsize
  • myslq主从同步和常用命令

    MySQL 5 7 multi source replication 简单的说就是一从多主 从5 7后MySQL开始支持 环境资源 现有4台pc Ip OS alias 172 171 17 144 fedora linux 24 slav
  • centos7使用镜像作为本地yum源

    搭建本地yum源 配置网络 配置网络命令 可使用Tab键辅助 nmcli connection modify ens33 ipv4 method manual ipv4 addresses 192 168 131 161 24 ipv4 g
  • 基于ESP8266实现STM32的远程IAP程序升级(2)

    第二节 串口IAP程序改良 2 1 一种简单直观的方法 2 2 另一种改良版直观方法 2 3 通用IAP升级方法 正点原子的例程仅实现了从IAP至APP程序的跳转 并不能从APP跳转回IAP程序中 但是实际应用中 当我要更新APP程序时 我
  • ElementUI浅尝辄止38:Upload 上传

    通过点击或者拖拽上传文件实现上传功能 常见于文件 文件夹或图片上传 使用挺频繁的 需要熟练掌握 1 如何使用 点击上传 通过 slot 你可以传入自定义的上传按钮类型和文字提示 可通过设置limit和on exceed来限制上传文件的个数和
  • Android开发基础 -- android studio 使用第三方模拟器连接方法,如海马玩模拟器

    安装完模拟器后 要使用adb命令Android studio才能识别出来 打开cmd 输入 adb connect 127 0 0 1 26944 如下 海马玩模拟器的端口号是26944 逍遥安卓模拟器的端口号是21503 夜神玩模拟器的端
  • 【C++】常用容器-string容器

    1 string基本概念 2 string构造函数 include
  • Job for vsftpd.service failed because the control process exited with error code

    systemctl start vsftpd serviceJob for vsftpd service failed because the control process exited with error code See syste
  • 编写一个简单的Linux内核模块

    为了在运行时动态增加和删除某个功能 Linux内核引入了内核模块这一机制 可在内核运行时加载一组目标代码来实现某个特定的功能 这样在实际使用Linux的过程中就不需要重新编译内核代码来实现动态扩展 为了深入Linux内核的学习 我们从编写一
  • docker基础篇-----03-----联合文件系统、docker镜像加载原理、 镜像的特点和优点、容器副本commit生成新镜像

    参考文章 学习笔记 尚硅谷周阳老师的Docker教程学习笔记 一 Docker镜像 1 联合文件系统 UnionFS UnionFS Union file system 是一种分层 轻量级并且高性能的文件系统 它支持对文件系统的修改作为一次
  • Pytorch Tutorial 学习笔记(四)Tensorboard

    Pytorch Tutorial 学习笔记 四 Tensorboard Pytorch官方文档 https pytorch org tutorials Tensorboard是pytorch中可视化工具 使用前需要安装pytorch ten
  • 二. Netty 入门

    Netty学习之路 一 NIO基础 二 Netty 入门 三 Netty 进阶 四 Netty 优化与源码 学完netty手写了一个rpc项目 链接 https gitee com springchuntian1 netty rpc 笔记源
  • 学习前端----1个月

    不知不觉前端已经学习了一个月 这一个月也收获了很多 从一名小菜鸟到现在的慢慢的了解 慢慢的适应 感觉每天的生活很充实 html文字介绍 文字介绍 h1 h6是标题数字越大 标题越小 p 是一个段落 br 换行 hr 水平尺 b加粗标签 em