day 36 html的补充
参考博客:https://www.cnblogs.com/majj/p/9062540.html
- 内容回顾:
- 0.浏览器
- 1.标签
- - 行内标签 a span i em strong b、label
- (1)在一行内显示
- (2)不能设置宽高,默认的宽和高是内容的宽高
- 行内块标签: input img
- (1) 在一行内显示
- (2) 可以设置宽高
- - 块级标签 h1(页面中只有一个h1,为了这个搜索引擎)~h6 div ul li ol dl dt dd form table
- (1)独占一行
- (2)可以设置宽高,如果不设置宽,默认是父盒子的100%宽
- 2.一些网页布局结构
- 3.div模型
- division:分割
- div+span 网页布局
- a:
- (1)超链接
- href 超链接的地址
- target: _self 默认 在当前中打开链接地址
- _blank 在空白的页面打开连接地址
- p标签只能放 文本 图片 表单元素,不能放其他的元素
- 今日内容:
- (1)标签的使用
- a:
- (1)超链接
- href 超链接的地址
- target: _self 默认 在当前中打开链接地址
- _blank 在空白的页面打开连接地址
- (2)标签内部跳转
- 锚点 默认有点击行为。我们可以javascript:void(0);阻止a标签的默认点击行为。
- img
- src:连接的图片资源
- alt:图片资源加载失败。显示的文本
- ul: unordered list 无序列表 ul下的子元素只能是li
- li
- type='circle' 圆心
- type='square' 方块
- ol:
- ordered list
- 只能是li
- dl:定义列表
- dt:定义标题
- dd:定义描述
- sublime的简单使用
- ctrl+shift+p 搜package control
- table border='' style="border-collapse:collapse;"
- tr 表格行
- td 表格描述
(表单服务)- form
- HTTP协议
- action:提交的服务器网址
- method:get(默认)| post(应用:登录注册、上传文件)
- 页面中的a img link 默认是get请求
- (与服务器进行交互)
- input
- type:
- text: 文本输入框
- password:密码输入框
- file:文件按钮 提交文件的时候一定要用post 一定要给form标签添加 Enctype='multipart/form-data'
- submit:提交按钮
- button:普通按钮
- name:提交到服务器端的key
- value: 显示的文本内容,与服务器端的value
- placeholder:文本代替
- label
- for:是与下面的某个表单控件的id属性进行关联
- BS交互
- 1.form表单默认与服务器进行交互
- 2.ajax技术
div 一般最多嵌套8层
day 36 html的补充的更多相关文章
- 基础笔记3(二)(专门处理String的正则表达式)
1.常规判断一个字符串是以什么开头,是否是数字的判断方式有: a.通过比较每个字符,注意比较是字符值(ASc码值),不是字面值 String s="); //判断每个字符数组的每个字符 ch ...
- #15 time&datetime&calendar模块
前言 从这一节开始,记录一些常用的内置模块,模块的学习可能比较无聊,但基础就在这无聊的模块中,话不多说,本节记录和时间相关的模块! 一.time模块 Python中设计时间的模块有很多,但是最常用的就 ...
- MVC Core 网站开发(Ninesky) 2.1、栏目的前台显示(补充)
在2.1.栏目的前台显示中因右键没有添加视图把微软给鄙视了一下,后来有仔细研究了一下发现应该鄙视自己,其实这个功能是有的,是自己没搞清楚乱吐糟. 其实只要在NuGet中安装两个包(Microsoft. ...
- C#开发微信门户及应用(36)--微信卡劵管理的封装操作
前面几篇介绍了微信支付方面的内容,本篇继续微信接口的一些其他方面的内容:卡劵管理.卡劵管理是微信接口里面非常复杂的一个部分,里面的接口非常多,我花了不少时间对它进行了封装处理,重构优化等等工作,卡劵在 ...
- ASP.NET Core中的依赖注入(5):ServicePrvider实现揭秘【补充漏掉的细节】
到目前为止,我们定义的ServiceProvider已经实现了基本的服务提供和回收功能,但是依然漏掉了一些必需的细节特性.这些特性包括如何针对IServiceProvider接口提供一个Service ...
- 【转】APP被苹果App Store拒绝的N个原因(持续补充)
作为iOS开发者,估计有很多都遇到过APP提交到App Store被拒,然后这些被拒的原因多种多样,今天dApps收集了常见的被拒的原因,以便更多开发者了解. 1.程序有重大bug,程序不能启动,或者 ...
- 分享Kali Linux 2016.2第36周镜像虚拟机
分享Kali Linux 2016.2第36周镜像虚拟机 9月9日,Kali Linux官方发布Kali Linux 2016.2周更新镜像.今天以64位镜像安装了一个虚拟机,分享给大家.该虚拟机 ...
- 【Mysql知识补充】
一.子查询 1.定义 子查询是将一个查询语句嵌套在另一个查询语句中.内层查询语句的查询结果,可以为外层查询语句提供查询条件.子查询中可以包含:IN.NOT IN.ANY.ALL.EXISTS 和 NO ...
- [补充资料] 手动搭建 Cloudera 集群
本课主题 集群搭建 设置 Web 服务器 启动 ClouderManager 登入 Cloudera Manager 引言 这部份是一个补充资料,记录如何安装 Cloudera 服务器 集群搭建 查看 ...
随机推荐
- Spring框架学习笔记(5)——Spring Boot创建与使用
Spring Boot可以更为方便地搭建一个Web系统,之后服务器上部署也较为方便 创建Spring boot项目 1. 使用IDEA创建项目 2. 修改groupid和artifact 3. 一路n ...
- django-数据库之连接数据库
1.连接数据库出现的一些问题 基本目录如下: 首先我们pip install pymysql 然后在项目中,进行配置settings.py: 然后在__init__.py中进行输入: 启动服务器: 报 ...
- django-模板之URL标签(五)
book/views.py from django.shortcuts import render def index(request): return render(request,"in ...
- js控制进度条数据
<style><!-- #time{ width:500px; height: 20px; background: red; border-radius: 10px; } --> ...
- Solr入门(一)
一丶Solr入门1.Solr的启动Solr各版本下载老版本的时候,需要将war包放到tomcat中,现在只需解压,由于自带jetty容器,可以直接启动 [root@aaa bin]# ./solr s ...
- 【Windows系统】win10系统假死,窗口不能动,鼠标能动或不能动,最后蓝屏显示错误码: VIDEO_DXGKRNL_FATAL_ERROR 的解决办法
1. 问题的出现过程 最近博主自己用的 windows10 系统就碰到了这个问题. 一开始出现这个问题的征兆是鼠标会时不时地卡顿,一出现卡顿就会等个 1-3秒才能动.然后频繁卡顿(注意,这里根据经验就 ...
- node 短信接口的调用
首先安装一下 短信的sdk 依赖 这里使用的是阿里云的短信SDK,在阿里云官网申请 npm install @alicloud/sms-sdk --save 调用 新建个 message.js /** ...
- Linux CentOS7部署ASP.NET Core应用程序,并配置Nginx反向代理服务器
前言: 本篇文章主要讲解的是如何在Linux CentOS7操作系统搭建.NET Core运行环境并发布ASP.NET Core应用程序,以及配置Nginx反向代理服务器.因为公司的项目一直都是托管在 ...
- 使用Spring Data JPA进行数据分页与排序
一.导读 如果一次性加载成千上万的列表数据,在网页上显示将十分的耗时,用户体验不好.所以处理较大数据查询结果展现的时候,分页查询是必不可少的.分页查询必然伴随着一定的排序规则,否则分页数据的状态很难控 ...
- 安装实时查看日志工具 log.io
官网:http://logio.org/ 一.环境 [root@centos ~]# cat /etc/system-release CentOS release 6.5 (Final) [root@ ...