<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<!--index.html(索引值的意思,从0开始)当做首页使用
Default.html-->
<!--超鏈接-->
<a href="http://baidu.com" target="_blank">百度</a>
<!--下載-->
<a href="07.zip" target="_blank">下載</a>
<!--錨點回到頂點-->
<p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><a id="gp">xyz</a><p>123</p><p>123</p><p>123</p>
<p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p>
<p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p><p>123</p>
<a href="#">回到頂點</a>
<!--找到固定點-->
<a href="#gp">找到xyz</a>
<!--相对路径-->
<img src="9abe50652dbddb23f68ce7f257d1d2a2_00648GzTjw1ezasla5z2vj30zi0ctq6k.jpg" />
<img src="./9abe50652dbddb23f68ce7f257d1d2a2_00648GzTjw1ezasla5z2vj30zi0ctq6k.jpg" width="500px" height="300px" />
<img src="07.jpg">


<!--下午学习内容-->
<!--图片+鼠标触碰后显示图片信息文字-->
<img src="9abe50652dbddb23f68ce7f257d1d2a2_00648GzTjw1ezasla5z2vj30zi0ctq6k.jpg" title="我的图片" />

<!--图片点击+超链接-->
<a href="www.acfun.com" target="_blank" title="点击出文字">
<img src="9abe50652dbddb23f68ce7f257d1d2a2_00648GzTjw1ezasla5z2vj30zi0ctq6k.jpg"
width="200px"
height="200px"/>

<!--文字相关 ps:face在特定地方不能用,所以不建议使用,目前推荐使用的为font系列的,如font+size(字体大小)+family(字体样式)+color(字体颜色)-->
<font color="red" face="微软雅黑" size="7">一段文字</font><!--face为改变字体,color为颜色size为大小-->
<span style="font-family: '微软雅黑';">紫和紫比吱吱吱吱 </span>


<!--基本字体相关-->
<b>加粗</b>
<i>倾斜</i>
<u>下划线</u>
<strong>加粗</strong>
<em>倾斜</em>
商标<sup>TM</sup>
对标<sub>TM</sub>
<del>998</del>

<!--文字底色变化-->
<mark>底色变成&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;→黄色</mark><br /><br />

<!--默认一级标题占一行-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h6>六级标题</h6>


<p>一长段文字,很长很长的文字</p>
<p>一长段文字,很长很长的文字</p>



<div>啦啦啦啦啦啦啦啦啦</div>


<!--特定文字加颜色或者样式-->
<span style="color: red;">啦啦啦咯咯拉阿拉啦啦阿拉啦啦啦</span>

<!--有序列表-->

<ol type="a"><!--type的意思是样式,a,1,-->
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
</ol>


<!--无序列表-->

<ul type="circle">
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
</ul>

<!--最常干的事情-->
<ul style="list-style: none;">
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
<li>啦啦啦</li>
</ul>

<table width="500" height="500" border="2px">
<tr><!--行-->
<td align="center" valign="bottom" colspan="2">1</td> <!--colspan水平合并-->

<td rowspan="2">3</td> <!--垂直合并-->
</tr>
<tr><!--行-->
<td>4</td>
<td>5</td>

</tr>
</table >


<!--两个中不一样-->
垂直上中下:top middle bottom
水平左中右:left center right


啦啦<span style="font-size: 7; color: red;">啦啦</span>啦啦啦啦啦啦



<!--表哥的样式表-->
<table width="400"height="400"border="2">
<tr>
<td>1</td>
<td colspan="2" align="right" valign="top">2</td>


<td>4</td>
</tr>
<tr>
<td>5</td>
<td>6</td>

<td>8</td>
</tr>
</table>

</body>
</html>

以上为a标签的基本使用已经超链接和图片等的嵌套,一级文字的一些基本处理方法,其中附带了一些从网上搜集来的小知识,最后是表格的合并一级表格再和文字进行嵌套时的使用方法,每个知识点都有我的注释。有错误的地方或者不合理的地方欢迎大家指正,私信即可,白天大部分时间在线的。

PHP初入,基础知识点分享(a标签&表格的嵌套&文字的处理)的更多相关文章

  1. 如何学习java?Java基础知识点分享

    面对未知的行业,人们的第一反应应该是:拒绝踏入.因为学习真的是一个痛苦的过程.想要真正了解一个行业,熟知一个行业,并熟练掌握某一技术,是真的需要时间和精力的.在学习Java基础知识期间,千锋小编疯狂为 ...

  2. 初入angular4——实际项目搭建总结

    前言 接到一个pc端后台项目,还会加入两个安卓同事一起学习和做这个项目,需要带一下他们. 既ng1之后,我就没怎么有过其它后台框架的实际项目经验了,期间用的移动端框架也并非vue.angular系列. ...

  3. 初学HTML5、初入前端

    学习HTML5是一个漫长的过程,当中会遇到很多技术与心态上的变化.刚开始学习,我们不能发力过猛,需要一个相对稳定的状态去面对.多关注一些自己感兴趣的网站和技术知识,建立自己的信心与好奇心,为以后的学习 ...

  4. JAVA基础知识点总结(全集)

    1.JAVA简介 1.1java体系结构:j2se,javaweb,j2ee 1.2java特点:平台无关(虚拟机),垃圾回收(使得java更加稳定) 1.3 JDK与JRE,JDK:java开发环境 ...

  5. CSS 基础知识点 样式 选择器 伪类

    CSS 基础知识点汇集 版权声明:这篇博客是别人写的,大神博客地址 : https://www.cnblogs.com/Mtime/p/5184685.html 1.CSS 简介 CSS 指层叠样式表 ...

  6. HTML&&CSS基础知识点整理

    HTML&&CSS基础知识点整理 一.WEB标准:一系列标准的集合 1. 结构(Structure):html 语言:XHTML[可扩展超文本标识语言]和XML[可扩展标记语言] 2. ...

  7. 非常全的Linux基础知识点

    Linux是每个后端程序员必须要掌握的系统,今天小编就给你分享一篇Linux基础知识点大全,看看你知道多少? 一. 从认识操作系统开始 1.1 操作系统简介 我通过以下四点介绍什么操作系统: 操作系统 ...

  8. fastclick 源码注解及一些基础知识点

    在移动端,网页上的点击穿透问题导致了非常糟糕的用户体验.那么该如何解决这个问题呢? 问题产生的原因 移动端浏览器的点击事件存在300ms的延迟执行,这个延迟是由于移动端需要通过在这个时间段用户是否两次 ...

  9. .NET基础知识点

    .NET基础知识点   l  .Net平台  .Net FrameWork框架   l  .Net FrameWork框架提供了一个稳定的运行环境,:来保障我们.Net平台正常的运转   l  两种交 ...

随机推荐

  1. ida和idr机制分析(盘符分配机制)

    # ida和idr机制分析 ida和idr的机制在我个人看来,是内核管理整数资源的一种方法.在内核中,许多地方都用到了该结构(例如class的id,disk的id),更直观的说,硬盘的sda到sdz的 ...

  2. 计算机四级网络工程师--《操作系统(Operating System)》重点内容学习

    开篇语 今天开始看<操作系统>,没办法,计算机网络技术还算有点底子.至于操作系统要不是以前看过一些这方面的书籍,以及上学期学了单片机工作原理,我估计我真的是懵逼的!所幸,在网上找的233网 ...

  3. 使用xlrd模块从excel文件中导入数据

  4. RobotFramework自动化测试框架-移动手机自动化测试AppiumLibrary介绍

    在使用AppiumLibrary库时,需要预先安装好Appium自动化工具,Appium官网地址为:http://appium.io/ Appium的GitHub地址为:https://github. ...

  5. Node.js 入门简介

    Node.js简介 1.1 简介 V8引擎本身就是用于Chrome浏览器的JS解释部分,但是Ryan Dahl鬼才般的把这个V8搬到了服务器上,用于做服务器的软件. Node.js是一个专注于实现高性 ...

  6. 在Linux下更新或安装curl

    问题 我这有一个项目是.net core写的,然后运行到centos机器上,刚开始发请求都能正常处理,但是时间长了,程序会报Segmentation fault,然后退出,我查了一下系统log,说的是 ...

  7. MySQL用户和系统变量

    --MySQL用户和系统变量 -----------------------------2014/05/19 用户变量 可以先在用户变量中保存值然后在以后引用它:这样可以将值从一个语句传递到另一个语句 ...

  8. qcl注意点

    记录下,以后再做总结. 在处理量子位位置时,对于s[2]两个量子位|01>,s[0]表示的是1量子位,s[1]表示的是0量子位,顺序是从右往左走

  9. Ignite Web 控制台(使用官方免费部署的控制台)

    前提: 假设已安装ignite,并且安装路径为:/usr/apache-ignite-fabric-2.1.0-bin 1.下载Web Agent 打开链接:https://console.gridg ...

  10. 关于 Node.js 的认证方面的教程(很可能)是有误的

    原文地址:Your Node.js authentication tutorial is (probably) wrong 我搜索了大量关于 Node.js/Express.js 认证的教程.所有这些 ...