PHP初入,基础知识点分享（a标签&表格的嵌套&文字的处理）
<!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>底色变成 →黄色</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标签&表格的嵌套&文字的处理）的更多相关文章
- 如何学习java？Java基础知识点分享
面对未知的行业,人们的第一反应应该是:拒绝踏入.因为学习真的是一个痛苦的过程.想要真正了解一个行业,熟知一个行业,并熟练掌握某一技术,是真的需要时间和精力的.在学习Java基础知识期间,千锋小编疯狂为 ...
- 初入angular4——实际项目搭建总结
前言 接到一个pc端后台项目,还会加入两个安卓同事一起学习和做这个项目,需要带一下他们. 既ng1之后,我就没怎么有过其它后台框架的实际项目经验了,期间用的移动端框架也并非vue.angular系列. ...
- 初学HTML5、初入前端
学习HTML5是一个漫长的过程,当中会遇到很多技术与心态上的变化.刚开始学习,我们不能发力过猛,需要一个相对稳定的状态去面对.多关注一些自己感兴趣的网站和技术知识,建立自己的信心与好奇心,为以后的学习 ...
- JAVA基础知识点总结（全集）
1.JAVA简介 1.1java体系结构:j2se,javaweb,j2ee 1.2java特点:平台无关(虚拟机),垃圾回收(使得java更加稳定) 1.3 JDK与JRE,JDK:java开发环境 ...
- CSS 基础知识点 样式 选择器 伪类
CSS 基础知识点汇集 版权声明:这篇博客是别人写的,大神博客地址 : https://www.cnblogs.com/Mtime/p/5184685.html 1.CSS 简介 CSS 指层叠样式表 ...
- HTML&&CSS基础知识点整理
HTML&&CSS基础知识点整理 一.WEB标准:一系列标准的集合 1. 结构(Structure):html 语言:XHTML[可扩展超文本标识语言]和XML[可扩展标记语言] 2. ...
- 非常全的Linux基础知识点
Linux是每个后端程序员必须要掌握的系统,今天小编就给你分享一篇Linux基础知识点大全,看看你知道多少? 一. 从认识操作系统开始 1.1 操作系统简介 我通过以下四点介绍什么操作系统: 操作系统 ...
- fastclick 源码注解及一些基础知识点
在移动端,网页上的点击穿透问题导致了非常糟糕的用户体验.那么该如何解决这个问题呢? 问题产生的原因 移动端浏览器的点击事件存在300ms的延迟执行,这个延迟是由于移动端需要通过在这个时间段用户是否两次 ...
- .NET基础知识点
.NET基础知识点 l .Net平台 .Net FrameWork框架 l .Net FrameWork框架提供了一个稳定的运行环境,:来保障我们.Net平台正常的运转 l 两种交 ...
随机推荐
- Typescript变量声明
let 和 const 是 javascript 里面最新的变量声明方式,let 与 var 很相似,而 const 是 let 的增强,能阻止对一个变量的再次赋值. var 声明 弱类型:var 声 ...
- java运算符优先级与流程控制
1. Java 的方法Method (函数 Function), 功能, 动作 1) 方法就是函数: y=f(x)=3x+6; 2) 方法的语法 (修饰词)(返回值类型)(方法名)(参数列表){ ...
- 分辨率验证工具 - 【Firesizer】的使用
Firesizer是一款测试分辨率的插件. 下载方式:Firefox工具栏——〉工具——〉附加组件--〉搜索Firesizer并安装,浏览器会自动重启 使用方式:浏览器右下角直接切换分辨率即可,如下图 ...
- Command "python setup.py egg_info" failed with error code 1一种问题的解决方法
问题描述:无论是你在pycharm中直接使用import and install命令,还是pip的时候出现了Command "python setup.py egg_info" f ...
- js通过添加随机数的方法，解决多张图片加载时由于缓存导致图片无法正确显示的问题
问题出现描述:当对列表中某个图片进行重新编辑时,提交后会发现图片列表仍会出现修改之前的图片,新图片并未覆盖. 问题出现原因:缓存问题. 解决办法:通过js方法,在每张图片路劲后面添加一个随机数,这样每 ...
- windows下tomcat zip解压版安装方法
下面记录一下在win7(32位)系统下,安装zip解压版的方法: 一.下载zip压缩包 地址:http://tomcat.apache.org/download-80.cgi 二.解压 我把解压包解压 ...
- Windbg查看调用堆栈(k*)
无论是分析程序崩溃原因,还是解决程序hang问题,我们最常查看的就是程序调用堆栈.学会windbg调用堆栈命令,以及理解堆栈中的各个参数的意义就显得至关重要. 上图就是一个典型的Win ...
- "R6002 floating point support not loaded"问题分析
今天为了追踪程序线程退出耗时时间,添加了耗时时间输出日志: TimerMeter tm; // do some threads exit logic float fSecs = tm.Elapsed( ...
- 接口测试之postman简介
很长时间没有用postman了,今天趁着有点时间,对这个接口测试的利器从以下几个方面简单回顾下. 1.postman介绍 2.Postman安装 3.Postman建立.管理.回放请求 4.Postm ...
- Spring Data Jpa(Hibernate) OneToMany
这个其实非常简单.假设有topic 和 subscriber两个实体类,不考虑关联关系,则连个类的代码如下: /** * Created by csonezp on 2017/8/31. */ @En ...