html笔记【重新学习】
<a></a>超链接标签：
a标签有个target属性，<a href="#" target = "_self">在当前选项卡中进行跳转，也就是不建立新页面。target的默认属性就是_self。
target="_blank"用于在新的选项卡中跳转，也就是新建一个页面。
也可以设置<base> target="_blank"</base>。
这个base是成对出现的，专门用来指定a标签的target属性，但是必需写在<head></head>标签里面。
<html></html>标签：
这是根目录节点标签，网站中最底层的标签。
<i></i> i标签：
官方文档写的是用来显示斜体文字。但是现在多用于图标元素。
例如轮播图的导航按钮，以及自定义的icon图标元素，都用i标签来设定。
<table></table>标签：
这里主要说三点，关于水平对齐的，之前学习table的时候被自己忽略掉了，现在补上。
1.给table标签设置align属性，可以控制表格在水平方向的对齐方式。
2.给tr设置align，可以控制当前行所有内容水平方向的对齐方式。
3.给td设置align，可以控制当前单元格内容在水平方向的对齐方式。
position定位：
position:fixed;相对定位，随滚动条滚动。如果设置right:0,则固定在屏幕右侧。
position:relative;相对定位。相对于本身的位置进行偏移。
position:absolute;绝对定位。相对于非static的父级元素进行位置偏移。
关于relative和absolute，举个常见的例子。写轮播图的时候，我们首先要把静态样式写出来，
图片是堆叠在一起的，这个时候就用到这两个定位了。给父元素设置relative属性，给子元素设置absolute属性。
然后子元素就会定位到父元素，也就是呈现出堆叠的效果。这时候再根据需要设定left，top值，控制位置。
补充：
cursor:pointer;鼠标划过变成小手。
vertical-align：text-top；垂直对齐
eval（）js方法，可以执行括号里的代码；
<input required type="text">；required属性，规定文本在提交之前必需填入字段；
$("ul").appendChild(list[0].cloneNode(true));list[0]是第一个列表，appendChild给父元素添加一个子元素，
cloneNode参数为true，克隆节点。意思是克隆第一个列表添加到ul的后面。
html笔记【重新学习】的更多相关文章
- java JDK8 学习笔记——助教学习博客汇总
java JDK8 学习笔记——助教学习博客汇总 1-6章 (by肖昱) Java学习笔记第一章——Java平台概论 Java学习笔记第二章——从JDK到IDEJava学习笔记第三章——基础语法Jav ...
- python3.4学习笔记(七) 学习网站博客推荐
python3.4学习笔记(七) 学习网站博客推荐 深入 Python 3http://sebug.net/paper/books/dive-into-python3/<深入 Python 3& ...
- 20155234 2016-2017-2第十周《Java学习笔记》学习总结
20155234第十周<Java学习笔记>学习总结 教材学习内容总结 网络编程 在两个或两个以上的设备(例如计算机)之间传输数据.程序员所作的事情就是把数据发送到指定的位置,或者接收到指定 ...
- 20155234 2610-2017-2第九周《Java学习笔记》学习总结
20155234第九周<Java学习笔记>学习总结 教材学习内容总结 数据库本身是个独立运行的应用程序 撰写应用程序是利用通信协议对数据库进行指令交换,以进行数据的增删查找 JDBC(Ja ...
- #学习笔记#e2e学习使用（二）
前言: <#学习笔记#e2e学习使用(一)>主要记录了Vue项目的创建到e2e环境的搭建,以及期间遇到的各种问题和解决方法.本文建立在基础测试环境搭建完毕能正确运行的情况下,编写测试代码, ...
- #学习笔记#e2e学习使用（一）
本文仅限于记录本人学习的过程,以及怎么踩的坑,是如何解决的.逻辑肯定是混乱的,有用之处会抽出共通另行发帖. 最终目标:要运用于Vue项目中,进行功能测试甚至自动化测试. 一.e2e概念 理解:end ...
- mybatis学习笔记之学习目录（1）
mybatis学习笔记之学习结构(1) 学习结构: 1.mybatis开发方法 原始dao开发方法(程序需要编写dao接口和dao实现类) mybatis的mapper接口(相当于dao接口)代理开发 ...
- Vue学习笔记-rest_framework_jwt 学习
一 使用环境 开发系统: windows 后端IDE: PyCharm 前端IDE: VSCode 数据库: msyql,navicat 编程语言: python3.7 (Windows x86- ...
- 面向小白的JS笔记 - #Codecademy#学习笔记
前言 最初浏览过<JavaScript秘密花园>,前一段时间读过一点点<JavaScript语言精粹>和一点点<JavaScript高级程序设计>(一点点是指都只是 ...
- [读书笔记]C#学习笔记一: .Net Framwork
前言: 一次偶然的机会 在园子里看到@Learning hard 出版的一本书: <<C#学习笔记>>, 然后买来 一直到现在读完, 感觉很不错, 适合入门, 书中内容是从C ...
随机推荐
- 老男孩Day13作业：ORM学员管理系统
一.作业需求: 用户角色,讲师＼学员, 用户登陆后根据角色不同,能做的事情不同,分别如下 讲师视图: 管理班级,可创建班级,根据学员qq号把学员加入班级 可创建指定班级的上课纪录,注意一节上 ...
- SDUT OJ 数据结构实验之排序三：bucket sort
数据结构实验之排序三:bucket sort Time Limit: 250 ms Memory Limit: 65536 KiB Submit Statistic Discuss Problem D ...
- (STM32F4) External Interrupt
外部中斷(External Interupt) 在MCU中是很常見而且很常用到的基本function,所以就不多做解釋.不過因為每顆MCU的配置都不太一樣所以在此記錄下來. External Inte ...
- 6、C++共用体
6.共用体 共用体(union)是一种数据格式,他能够存储不同的数据类型,但只能同时存储其中的一种类型.也就是说,结构可以同时存储int.long和double,共用体只能存储ing.long.dou ...
- Springboot 整合 中国移动MAS HTTP1.0 实现短信发送服务(二)
原因:身份验证传入的参数包含中文企业名,因为本地编码格式是支持中文的:而客户的服务器中文却乱码,导致传给中国移动MAS服务器的是乱码的信息. 解决:非常简单,将中文信息转为UTF-8.例如(%E5%8 ...
- prcharm 注册码
JetBrains全系列在线激活中心 使用方法: 1. 点击Help,选择Register.打开注册页面. 2. 选择License server, 在License server address 中 ...
- ES6,CommonJS 区别
Javascript,javascript是一种脚本编程语言,有自己独立的语法与语义,没有javascript,也就没有其他的那些概念了. 关于ES6,可直接理解为javascript的增强版(增加了 ...
- thinkphp3.2.3 批量包含文件
自己瞎写的...凑合看吧...核心就是用正则 表达式 或者 字符串 str_replace 进行 替换....... /** * 批量包含---,不能递归包含!!! 请不要在目标目录 包含 文件夹,因 ...
- tensorflow基础-placeholder
placeholder: 要给节点输入数据时用 placeholder,在 TensorFlow 中用placeholder 来描述等待输入的节点,只需要指定类型即可,然后在执行节点的时候用一个字典来 ...
- javascript 中typeOf
JS中的变量是松散类型(即弱类型)的,可以用来保存任何类型的数据. typeof 可以用来检测给定变量的数据类型,可能的返回值: 1. 'undefined' --- 这个值未定义: 2. 'bool ...