<!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. Docker跨主机网络——overlay

    前言 在Docker网络--单host网络一文中,我为大家总结了Docker的单机网络相关知识和操作,单机网络比较容易.本文我为大家总结Docker跨主机通信相关知识.同样本文大部分内容以CloudM ...

  2. Java过滤器处理Ajax请求,Java拦截器处理Ajax请求,拦截器Ajax请求

    Java过滤器处理Ajax请求,Java拦截器处理Ajax请求,拦截器Ajax请求 >>>>>>>>>>>>>>&g ...

  3. Hbase架构与原理

    Hbase架构与原理 HBase是一个分布式的.面向列的开源数据库,该技术来源于 Fay Chang所撰写的Google论文"Bigtable:一个结构化数据的分布式存储系统".就 ...

  4. Unity 粒子系统 特效 移除屏幕外面后再移回来 不会显示问题

    今天遇到的问题 勾选Particle System组件中的Sub Emitters属性 如图

  5. 常见C++面试题(三)

    strcpy和memcpy有什么区别?strcpy是如何设计的,memcpy呢?   strcpy提供了字符串的复制.即strcpy只用于字符串复制,并且它不仅复制字符串内容之外,还会复制字符串的结束 ...

  6. Vue页面Demo

    为了学习了解Vue.js,试着写了一个demo,如下; 准备工作: 需要引入的js和css库有: 1.vue.js 主要是学习,所以引入了这个js库,实际运行时应该使用vue.min.js 2.axi ...

  7. MFC加载PNG图片并实现双缓冲

    因为PNG包含Alpha通道,所以不同于BITMAP,在MFC中使用CImage类对其进行处理,通常使用load和draw成员函数. 所以标题的论述可以进一步解释为,使用CImage实现双缓冲. 通常 ...

  8. 第一阶段项目(3body)

    <div class="H1">            <div class="top-nav">                < ...

  9. Go语言中函数的实现

    Go 语言函数 函数是基本的代码块,用于执行一个任务. Go 语言最少有个 main() 函数. 你可以通过函数来划分不同功能,逻辑上每个函数执行的是指定的任务. 函数声明告诉了编译器函数的名称,返回 ...

  10. Azkaban3.x集群部署(multiple executor mode)

    介绍 Azkaban是由Linkedin公司推出的一个批量工作流任务调度器,用于在一个工作流内以一个特定的顺序运行一组工作和流程.Azkaban使用job配置文件建立任务之间的依赖关系,并提供一个易于 ...