<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笔记【重新学习】的更多相关文章

  1. java JDK8 学习笔记——助教学习博客汇总

    java JDK8 学习笔记——助教学习博客汇总 1-6章 (by肖昱) Java学习笔记第一章——Java平台概论 Java学习笔记第二章——从JDK到IDEJava学习笔记第三章——基础语法Jav ...

  2. python3.4学习笔记(七) 学习网站博客推荐

    python3.4学习笔记(七) 学习网站博客推荐 深入 Python 3http://sebug.net/paper/books/dive-into-python3/<深入 Python 3& ...

  3. 20155234 2016-2017-2第十周《Java学习笔记》学习总结

    20155234第十周<Java学习笔记>学习总结 教材学习内容总结 网络编程 在两个或两个以上的设备(例如计算机)之间传输数据.程序员所作的事情就是把数据发送到指定的位置,或者接收到指定 ...

  4. 20155234 2610-2017-2第九周《Java学习笔记》学习总结

    20155234第九周<Java学习笔记>学习总结 教材学习内容总结 数据库本身是个独立运行的应用程序 撰写应用程序是利用通信协议对数据库进行指令交换,以进行数据的增删查找 JDBC(Ja ...

  5. #学习笔记#e2e学习使用（二）

    前言: <#学习笔记#e2e学习使用(一)>主要记录了Vue项目的创建到e2e环境的搭建,以及期间遇到的各种问题和解决方法.本文建立在基础测试环境搭建完毕能正确运行的情况下,编写测试代码, ...

  6. #学习笔记#e2e学习使用（一）

    本文仅限于记录本人学习的过程,以及怎么踩的坑,是如何解决的.逻辑肯定是混乱的,有用之处会抽出共通另行发帖. 最终目标:要运用于Vue项目中,进行功能测试甚至自动化测试. 一.e2e概念 理解:end ...

  7. mybatis学习笔记之学习目录（1）

    mybatis学习笔记之学习结构(1) 学习结构: 1.mybatis开发方法 原始dao开发方法(程序需要编写dao接口和dao实现类) mybatis的mapper接口(相当于dao接口)代理开发 ...

  8. Vue学习笔记-rest_framework_jwt 学习

    一  使用环境 开发系统: windows 后端IDE: PyCharm 前端IDE: VSCode 数据库: msyql,navicat 编程语言: python3.7  (Windows x86- ...

  9. 面向小白的JS笔记 - #Codecademy#学习笔记

    前言 最初浏览过<JavaScript秘密花园>,前一段时间读过一点点<JavaScript语言精粹>和一点点<JavaScript高级程序设计>(一点点是指都只是 ...

  10. [读书笔记]C#学习笔记一: .Net Framwork

    前言: 一次偶然的机会  在园子里看到@Learning hard 出版的一本书: <<C#学习笔记>>, 然后买来 一直到现在读完, 感觉很不错, 适合入门, 书中内容是从C ...

随机推荐

  1. 《Andrew Ng深度学习》笔记3

    浅层神经网络 初步了解了神经网络是如何构成的,输入+隐藏层+输出层.一般从输入层计算为层0,在真正计算神经网络的层数时不算输入层.隐藏层实际就是一些算法封装成的黑盒子.在对神经网络训练的时候,就是对神 ...

  2. [HNOI/AHOI2018]排列

    [Luogu4437] 如果\(a[i]=j\)则序列\(p[]\)中\(j\)必须排在\(i\)前面,如果\(j\)不在范围内则不管,求一个式子\(\sum_{i=1}^n iw_{p[i]}\)的 ...

  3. luogu4931. 情侣？给我烧了！（加强版）（错位排列）

    题目链接 https://www.luogu.org/problemnew/show/P4931 题解 以下部分是我最开始的想法. 对于每一个 \(k\),满足恰好有 \(k\) 对情侣和睦的方案数为 ...

  4. POJ_2480 Longge's problem【积性函数+欧拉函数的理解与应用】

    题目: Longge is good at mathematics and he likes to think about hard mathematical problems which will ...

  5. Win10安装MySQL5.7.22解压缩版的方法及手动配置讲解

    1.先去MYSQL官网下载安装包,解压放到C盘 2.新建一个my.ini文件放到bin文件夹下面,内容如下,路径对应自己的安装目录: [mysql] # 设置mysql客户端默认字符集 default ...

  6. [转] PuTTY + Xming 远程使用 Linux GUI

    [From] http://www.zw1840.com/blog/zw1840/2008/10/putty-xming-linux-gui.html By zw1840 on October 28, ...

  7. 牛客小白月赛5 I - 区间

    看到一份不错的操作..... 链接:https://www.nowcoder.com/acm/contest/135/I 来源:牛客网 Apojacsleam喜欢数组. 他现在有一个n个元素的数组a, ...

  8. Python中 字符串 转换为 字典

    需求:把以下字符串转换为字典 #字符串 testStr = '{ "pName": "Ceshi", "gender": 1, " ...

  9. ibatis配置文件中的XML解析错误The content of elements must consist of well-formed character data or markup.

    在检查过所有的标签名都没有问题的情况下. xml中的小于号属于非法字符. SQL语句中则可能需要小于号,此时就需要用<![CDATA[  ]]>将小于号包裹,如此不会被xml解析器解析. ...

  10. vue2.0 在main.js引入scss文件报错

    在vue2.0的main.js中引入scss文件报错 原因是在 在build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /\.scss$/, loade ...