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 两种交 ...
随机推荐
- DynamicJSONserializer
https://github.com/ststeiger/DynamicJSONserializer/blob/master/DynamicJSONserializer/Program.cs name ...
- ACM退役帖 -- 未真正开始也不会结束
2017.5.21,20岁的最后一天,昨天,随着2017年安徽省大学生程序设计竞赛落下帷幕,我也正式退役了ACM了.连ACM区域赛也没去过的我,也许是不够格提出退役ACM这句话的,但对ACM的热爱,虽 ...
- 关于MFC实时的视频处理
最近老师,让我做一下关于视频处理方面的一个项目,在实时处理这里实在是卡住了太长时间,因为不知道如何使用多线程来进行实时检测,终于有点眉目,来写个笔记记录一下. 首先需要介绍一下关于项目的背景,做一个人 ...
- 在App Store中无法更新xcode 8.3.2时 以及更新新系统10.12
今天更新Xcode 遇到三个坑坑1 要想更新Xcode最新版本 需要先把电脑系统更新到10.12 坑2 电脑系统更新到10.12 需要更新Mac Sierra 就可以了坑3 在App Store中下载 ...
- python学习===计算字符串中子串出现的次数。
if __name__ == '__main__': str1 = input('input a string: \n') str2 = input('input a sub string: \n') ...
- KMS注册
--KMS注册 -------------2014/03/25 --Read this First http://social.technet.microsoft.com/wiki/contents/ ...
- Web.Config文件详解
一).Web.Config是以XML文件规范存储,配置文件分为以下格式 1.配置节处理程序声明 特点: 位于配置文件的顶部,包含在<configSections>标志中. ...
- js原型学习
js中所有对象都存在一个隐式原型_ _proto_ _,指向创建这个对象的函数的原型prototype; 而函数的原型prototype都是Object函数的一个对象,也有隐式原型,指向的就是Obje ...
- 遇到local variable 'e' referenced before assignment这样的问题应该如何解决
问题:程序报错:local variable 'e' referenced before assignment 解决:遇到这样的问题,说明你在声明变量e之前就已经对其进行了调用,定位到错误的地方,对变 ...
- Python beautifulsoup 选择器 select 选择<meta/>等不需要成对结尾标签未写‘/’
一些不需要成对的标签<meta/> <img/>d等使用bs4的css选择器时出现的情况: 选择某一标签,输出内容超出范围过多 from bs4 import Beautifu ...