简单自学web前端——HTML+CSS基础入门

2023-10-26

  虽然以前学过,不过还是有一些点忘记啦,所以用一晚上的时间看视频回顾了一下,以下记录自己一些记得不牢固的知识点。

  1. html的语法
      (1)语法不区分大小写,但尽量使用小写。
      (2)文档的注释 < ! - - - ->
      (3)< !DOCTYPE html>他是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。
      (4)字符实体
       空格      &nbsp;
       <小于      &lt;
       >大于      &qt;
       &和号      &amp;
       ®注册商标      &reg;
       ©版权符号      &copy;
      
  2. html的基本结构
      < meat>`单标记 记录页面的元信息
      功能:提供有关页面的原信息,比如针对搜索引擎的关键字。
      常见的属性name content。
      
  3. 文档设置标记
      < li>< /li>代表一列。
      < ul>无序列表
      < ol>有序列表  < ol type=”A”> type属性改样式,可以嵌套。
      < hr>单标记 段落之间的分割线,很好用。
      
  4. 图像标记a标签
      < img src=”” width=”” height=”” border=”” alt=”“> alt记得写,很重要。
      a标签 name属性——指定页面的锚点名称
      可以借此实现回到顶部的效果:
        < a name=”top”>< /a>
        < a herf=”#”top>< /a>
        
  5. 表格和表单
      < caption>< /caption>表格标题
      < th>< /th>表头标记,放在首行或首列,会有加粗的效果。
      
      表单form
      标签中的name属性,提交表单时会用到。
      < form action=”服务器地址” name=”表单名” method=”post | get”>
      单选 
        < input type=”radio” name=”性别” value=”男” checked>男
        < input type=”radio” name=”性别” value=”女”>女
      多选 
        < input type=”checkbox” name=”车”>宝马
        < input type=”checkbox” name=”车”>奔驰
      下拉菜单
       < select>
         < option selected>1< /option>
         < option selected>2< /option>
         < option selected>3< /option>
       < /select>
       
  6. css简记
      < link rel=”stylesheet” type=”text/css” href=”.css”>
      < style type=”text/css”>< /style>
      优先级问题 ID>class>html
      class 用于css
      id   用于js也可以用于css
      name 用于表单提交

      伪元素选择器:
        a:link  正常连接的样式
        a:hover 鼠标放上去时的样式
        a:active 选择链接时的样式
        a:visited 访问过的样式
      
      无序列表前面可以用图片进行代替:
        ul{ list-style-image:url(地址)}
      < div>是块级元素,会占据一行。
      < span>是内联元素,不会占据一行。
      z-index层覆盖先后顺序(优先级)
      display显示属性:
        none:不显示
        block:块级元素
        inline:内联显示
        
      内联元素的特点:高度、宽度、行高都是不可改变的!!!

      在同一个div中,前面元素float,后面的元素要想不受float的影响,就要条件清除浮动clean:both,但添加清除浮动的div,padding、margin是无效的!!!所以可以在两者之间专门添加一个div用于清除浮动。
      溢出处理overflow:
        hidden:隐藏超出部分
        scoll:无论怎样都会添加滚动条
        auto:当内容超出时添加滚动条   

想要学习HTML+CSS基础入门的同学可以自行看视频学习。
链接:https://pan.baidu.com/s/1yv8HakksTmVkHpZlsI97Xg
密码:n87f

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

简单自学web前端——HTML+CSS基础入门 的相关文章

  • Vue-cli的安装与配置

    Node的下载与安装 工欲善其事必先利其器 在搭建vue的开发环境之前 一定一定要先下载node js vue的运行是要依赖于node的npm的管理工具来实现 1 首先我们进入到node的官网 https nodejs org zh cn
  • [Vue warn]: Cannot find element: #app

    解决方案 js在html页面头部引入的原因 自定义js文件要最后引入 因为要先有元素id vue才能获取相应的元素
  • JavaScript函数七重关之函数定义

    JavaScript函数七重关的第一关是函数定义 函数定义需要用到function关键字 function myFunction 函数体 document write hello javascrept br 这是函数定义的第一种方法 也可以
  • IDEA中格式化代码快捷键

    一键格式化代碼 Ctrl Alt L 快捷键汇总链接 Intellij IDEA 快捷键整理 TonyCody Eclipse常用快捷键汇总 注意 如果按Ctrl Shift F在win10上会出现字体的简繁转换 再重复按键一次就可以转换回
  • SQL注入种类

    SQL注入攻击的种类 知彼知己 方可取胜 首先要清楚SQL注入攻击有哪些种类 工具 原料 云盾 方法 步骤 1 1 没有正确过滤转义字符 在用户的输入没有为转义字符过滤时 就会发生这种形式的注入式攻击 它会被传递给一个SQL语句 这样就会导
  • web前端基础:HTML文字和段落标签

    标题标签 h1 h1 h6 h6 段落标签 p p align对齐属性值 值 描述 left 左对齐 right 右对齐 center 居中对齐 justify 对行进行伸展 每行可以有相等的长度 列表标签 有序列表 ol li 列表项 l
  • 表单页面美化(html、css)

    表单页面美化 html css 效果图片 实现代码 html部分就是平常的输入框 div class mainfont h1 在线预约 h1 div div class form div
  • react组件中设置多个className

    错误写法
  • 对象转换为JSON数据格式&使用JQuery获取数据

    将对象转换为JSON数据格式 我们需要json lib 2 3 jdk15 jar架包 当然还需要其它架包 来实现对象转JSON数据格式 此架包提供两个类来实现转换 JSONObject fromObject object 将对象转换成js
  • 科技感十足的網站頁面

    http www bootstrapmb com item 9102 preview
  • web前端开发自学书籍推荐这5本

    JavaScript权威指南 第6版 淘宝前端团队翻译的 看译者列表都是一堆大神 这本书又叫犀牛书 号称 Javascript 开发者的圣经 网上对此书评价很多 大概意思都是说这本书是一本 JavaScript 文档手册 没有完整看过一遍此
  • js __proto__、prototype 、constructor 三者关系总结

    一 proto 属性 proto 怎么读 杠杠 proto 杠杠 proto 读作 dunder proto double underscore proto 的缩写 并且它前后两边 分别是 两个 下划线 由 proto 属性来连接对象 直到
  • VUE element-ui之el-popover弹出框在局部全屏下不显示问题及弹框、小箭头背景修改

    问题 局部全屏后el popover弹出框失效 解决方法
  • React 中ref的几种用法

    React 中ref的几种用法 1 字符串 通过 this refs a 来引用真实dom的节点 dom 节点上使用
  • 前端js和jq中select下拉框

    获取select选中的option的值 ddlRegType find option selected val 获取select选中的text ddlRegType find option selected text 获取select选中的
  • web前端笔记:html5的标签

    在HTML4 01中 lt b gt lt i gt 是视觉要素 presentationl elements 分别表示无意义的加粗 无意义的斜体 表现样式为 font weight bolder 仅仅表示 这里应该用粗体显示 或者 这里应
  • 关于2018网易游戏web前端实习生面试经历

    去年报名的网易前端面试 没想到过了3个月居然收到了面试的通知 心里也是激动 花了一天时间面试 自己总结一下面试过的问题 问题可能不全 但是这些是我所能记起来的问题 一面 1 css高度坍塌 两个盒子 一个下边据20px 一个上边据50px
  • HTML、CSS、JavaScript分别实现什么功能?

    学习Web前端开发基础技术需要掌握 HTML CSS JavaScript 那么这三个都是分别实现什么功能的呢 下面和小编一起来看看吧 一 HTML是网页内容的载体 内容就是网页制作者放在页面上想要让用户浏览的信息 可以包含文字 图片 视频
  • 前端使用layui结合canvas实现图片验证码

    fieldset class layui elem field layui field title style margin top 20px legend 图形验证码 legend fieldset
  • node中间件是什么意思?

    node中间件是什么意思 2020 09 11 16 11 17分类 常见问题 Node js答疑阅读 1757 评论 0 中间件是一种独立的系统软件或服务程序 分布式应用软件借助这种软件在不同的技术之间共享资源 中间件位于客户机 服务器的

随机推荐

  • 强大的pyquery解析器详解

    在本文中博主将介绍pyquery的知识点 如果你认为BeautifulSoup这个CSS选择器不是那么强大 来认识一下pyquery的强大吧 个人认为BeautifulSoup是一个比较的老的库 已经很久没有更新了 但是现在市面上大多都是B
  • Mac OS X のキーボードショートカット

    概要 記事 Mac OS X 一般的 紹介 使 上 組 合 同時 押 Mac OS X 機能 呼 出 操作 利用 修飾 文字 同時 押 現在選択 範囲 貼 付 command 刻印 C 同時 押 操作 command C 呼 修飾 多数 組
  • Linux LVM 管理测试

    理论基础可参考 https linux cn article 12670 1 html 测试中使用loop设备模拟硬盘 测试添加 扩容 移除等操作 初始化脚本 创建并挂在4个loop设备 模拟4块硬盘 for i in 1 5 do dd
  • DR-CAN的动态系统建模与分析学习笔记(9)一阶系统的频率响应_低通滤波器-Matlab/Simulink分析

    1 2 截止频率的推导 截止频率 当保持输入信号的幅度不变 改变频率使输出信号降至最大值的0 707倍 此时的即为截止频率 它是用来说明频率特性指标的一个特殊频率 3 低通滤波器 积分的拉氏变换是1 s 所以
  • 【Kubernetes系列】工作负载资源之DaemonSet

    文章目录 概述 前提条件 DaemonSet配置 创建 DaemonSet 必需字段 Pod 模板 Pod 选择算符 仅在某些节点上运行 Pod 调度Daemon Pods 通过默认调度器调度 污点和容忍度 与 Daemon Pods 通信
  • 第一章 数据库架构发展历程

    1 架构1 0 单机单库 一个简单的小型网站或者应用背后的架构可以非常简单 数据存储只需要一个mysql instance就能满足数据读取和写入要求 这里忽略数据备份的实例 处于这个阶段的系统 一般会把所有信息存到一个Mysql insta
  • PAT

    1045 快速排序 25分 著名的快速排序算法里有一个经典的划分过程 我们通常采用某种方法取一个元素作为主元 通过交换 把比主元小的元素放到它的左边 比主元大的元素放到它的右边 给定划分后的 N 个互不相同的正整数的排列 请问有多少个元素可
  • H - Unloaded Die

    H Unloaded Diehttps vjudge csgrandeur cn problem Gym 101652U题意 给一个筛子 六个面1 2 3 4 5 6 输入每个面的概率 求更改某个数使期望等于3 5 同时使数据变化尽可能小
  • unity Input.GetTouch

    触摸交互案例 Input GetTouch 0 deltaPosition 获取触摸滑动增量 float num Input GetTouch 0 deltaPosition y 0 003f 使用y值增量例子 其他 单指点击 using
  • Eclipse + Struts2.x+Spring2.x+Dwr3.x

    我了解过官网关于 dwr3 的介绍后 发现它介绍的配置 dwr 的方法不是与 spring 结合的 也就是说每次进行 dwr 访问 系统都会重新 new 一个 service 来异步处理我们的请求 这对于简单的功能是没什么问题的 但如果涉及
  • 事务的理解

    事务是恢复和 并发控制的基本单位 事务应该具有4个属性 原子性 一致性 隔离性 持久性 这四个属性通常称为 ACID特性 原子性 atomicity 一个事务是一个不可分割的工作单位 事务中包括的诸操作要么都做 要么都不做 一致性 cons
  • Git同时push到Gitee和Github仓库 与 Github对密码认证的支持于2021年8月13日被删除

    目录 Git同时push到Gitee和Github仓库 Github对密码认证的支持于2021年8月13日被删除 Git同时push到Gitee和Github仓库 修改 git confit 文件 如下 然后就可以一条push命令让Gite
  • ROI Pooling和ROI Align、ROI Warp解析

    文中很多内容来源于其他博客 较为详细 有需要可直接按目录跳选到自己需要的部分 目录 简单介绍 实验比较 ROI理解 ROI Pooling ROI Pooling理解 ROI Pooling example ROI Pooling局限性 R
  • list 列表单(多)选(uni-app)

  • 解决vue中v-model绑定的变量赋值给了另一个变量后,两个变量同时改变

    先来看一下问题背景 我们要做一个 搜索 分页 的功能 使用vue 我们将分页控件绑定了点击事件 点击后提交v model绑定的formData表单 但是我们忽略了一个问题 就是当输入的信息改变的情况下 不点击搜索 直接点击分页控件 提交的将
  • redis安装

    Redis安装说明 大多数企业都是基于Linux服务器来部署项目 而且Redis官方也没有提供Windows版本的安装包 因此课程中我们会基于Linux系统来安装Redis 此处选择的Linux版本为CentOS 7 Redis的官方网站地
  • 6、【创业必备企业架构,可开发任意项目】SpringCloud大型企业分布式微服务云架构源码之MySQL 删除数据库

    MySQL 删除数据库 使用普通用户登陆 MySQL 服务器 你可能需要特定的权限来创建或者删除 MySQL 数据库 所以我们这边使用 root 用户登录 root 用户拥有最高权限 在删除数据库过程中 务必要十分谨慎 因为在执行删除命令后
  • Excel VBA:文件选择——Application.FileDialog

    FileDialog 对象 提供文件对话框 其功能与 Microsoft Office 应用程序中标准的 打开 和 保存 对话框类似 说明 使用 FileDialog 属性返回一个 FileDialog 对象 FileDialog 属性位于
  • 彻底理解 fork 之写时复制 《一》

    彻底理解 fork 之写时复制 一 一直以来都对操作系统都比较感兴趣 这篇文章呢就主要研究一下当我们调用fork系统掉用所用到的写时复制技术 copy on write 下图是fork系列函数的调用过程 lt 摘自网络 侵删 gt 写时复制
  • 简单自学web前端——HTML+CSS基础入门

    虽然以前学过 不过还是有一些点忘记啦 所以用一晚上的时间看视频回顾了一下 以下记录自己一些记得不牢固的知识点 html的语法 1 语法不区分大小写 但尽量使用小写 2 文档的注释 lt gt 3 lt DOCTYPE html gt 他是指