代码范例

<?php
function testFunc1 () {
echo 'testFunc1';
}
$b = ;
?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>我的第一个页面</title>
<script>
console.log("欢迎来到js的世界");
function myFunction () {
console.log("btn clicked");
}
function getInnerHTML() {
// console.log(document.URL);
// alert(document.getElementById("tr1").innerHTML);
var t=document.getElementById("TestCode").value;
console.log(t);
}
</script>
<!-- 内部样式表
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
-->
<!--外部引入css文件-->
<link rel="stylesheet" type="text/css" href="/css/csstest1.css"/>
</head>
<body style="background-color:powderblue">
<h1>web开发教程</h1><!--h2尺寸的文本 可以添加对其方式 align="center" -->
<hr /><!--分隔线-->
<br /><!--换行--> <ol start="" type=""><!--标签定义有序列表 start:规定有序列表的起始值 reversed:有序列表是降序的 type:规定在列表中使用的标记类型 A a I i-->
<li>内嵌php</li>
<p><!--段落 段落内换行使用 <br />-->
<?php $a=; ?>
$a1 = <?php echo $a;?>
<?php $a++; ?>
$a2 = <?php echo $a;?>
$b = <?php echo $b;?>
$testFunc1 = <?php testFunc1();?>
</p> <li>表格</li>
<table border="" cellpadding="" frame="void" summary="name list"><!--cellpadding:规定单元格之间的空白 frame:规定外侧边框的哪个部分是可见的 summary:摘要,视图不可见-->
<tr id="tr1">
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr id="tr2">
<td>Peter</td>
<td>Griffin</td>
</tr>
</table> <li>按钮</li>
<button type="button" ondblclick="myFunction()">点击这里</Button> <li>input</li>
<input type="button" onclick="getInnerHTML()" value="Alert innerHTML of table row" /> <li>link</li>
<a id="url1" href="http://www.w3school.com.cn" title="w3school 跳转">wschool link</a>
<a href="http://www.w3school.com.cn" title="w3school 跳转">wschool link</a> <li>textarea</li>
<textarea id="TestCode" wrap="logical">
textarea 测试
</textarea> <li>文本格式化</li>
<b>bold </b> <strong>strong </strong> <big>big </big> <em>emphasized </em> <i>italic </i> <small>small </small> <sub>subscript </sub> <sup>superscript</sup> <ins>下横线(插入字)</ins> &nbsp; <del>删除字 </del><cite>引用</cite> <li>保留字</li>
& nbsp; 空格 & lt; 小于号 & gt; 大于号 & quot; 引号 & copy; 版权符号 & amp; &符号 <li>计算机输出标签</li>
<code>Computer code定义计算机代码 </code> <kbd>Keyboard定义计算机输入 </kbd> <tt>Teletype打字机 </tt> <samp>Sample定义计算机输出代码样本 </samp><var>variable定义变量 </var>
<pre>
&lt;h1&gt;这是预格式文本 保留了 空格和换行&lt;/h1&gt;
pre 标签很适合显示计算机代码:
</pre>
<var>E</var> = <var>m</var> <var>c</var><sup></sup> <li>地址</li>
<address>
Visit us at: Box , Disneyland USA
</address> <li>缩写</li>
<abbr title="World Wide Web">www</abbr>
<dfn title="World Wide Web">www</dfn>
<acronym title="World Wide Web">www</acronym> <li>文字方向右向左</li>
<bdo dir="rtl">我们</bdo> <li>引用</li>
<blockquote>
这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。这是长的引用。
</blockquote>
<q>这是短的引用。</q> <li>图片链接</li>
<a href="http://www.baidu.com" target="_blank"><img boder="" src="/img/img_championcup.png"/></a>
</ol>
</body>

css file

li {color: black}
p {color: blue}
#url1:link {color:blue; text-decoration:none}
#url1:hover {color:red; text-decoration:none}

HTML 学习杂记的更多相关文章

  1. [Flask]学习杂记--模板

    这个学习杂记主要不是分享经验,更多是记录下falsk的体验过程,以后做东西在深入研究,因为django之前用的时间比较长,所以很多概念都是一看而过,做个试验了解下flask的功能. flask中使用是 ...

  2. Java编程思想学习杂记(1-4章)

    程序流程控制 移位运算符 移位运算符面向的运算对象是二进制的位,可单独用它们处理整数类型.左移位运算符(<<)能将运算符左边的运算对象向左移动运算符右侧指定的位数(在低位补0)." ...

  3. Thinking in Java学习杂记(5-6章)

    Java中可以通过访问控制符来控制访问权限.其中包含的类别有:public, "有好的"(无关键字), protected 以及 private.在C++中,访问指示符控制着它后面 ...

  4. Thinking in Java学习杂记(第7章)

    将一个方法调用同一个方法主体连接到一起就称为"绑定"(Binding).若在程序运行以前执行绑定,就叫做"早期绑定".而Java中绑定的所有方法都采用后期绑定技 ...

  5. Android学习杂记

    Jni接口学习资料: http://www.cnblogs.com/lsnproj/archive/2012/01/09/2317519.html classLoader和插件化: http://bl ...

  6. django 学习杂记

    django1.9 学习路径 http://python.usyiyi.cn/django/intro/tutorial02.html django 中url路径带参数,在view中应该如何处理 应该 ...

  7. Linux学习杂记

    近期一口气看完了韩顺平老师讲的Linux视频教程,自己也在学习的过程中做了些笔记,记载例如以下.希望帮助到一些喜欢研究Linux的同学.也算是在云端备份一下笔记吧.以免电脑出现不可控的因素而遗失自己的 ...

  8. Python学习杂记_4_分支和循环

    分支 和 循环 分支和循环这俩结构在各语言中都有着很重要的地位,当然我之前都没有学好,这里总结一下在Python学习中对这俩结构的认识. 分支结构 # 单分支 if 条件判断: 执行语句… # 双分支 ...

  9. Disruptor学习杂记

    慎入,有点乱,只是学习记录,disruptor_2.10.4 1.Disruptor对象有一个EventProcessorRepository对象   2.EventProcessorReposito ...

  10. nlp学习杂记

    什么是 token embedding? 输入一个word,在字典里查找得到它对应的下标就是token,然后用该数字下标去lookup表查找得到该词对应的词向量(词嵌入)就是embedding wor ...

随机推荐

  1. Java 一维多项式计算

    求解Java一维多项式的通用方法 比如ax^4+bx^3+cx^2+dx+e 可以化为(((ax+b)x+c)x+d)x+e 那么观察规律可以将系数放到一个数组里num[e,d,c,b,a] publ ...

  2. Java反射、动态加载(将java类名、方法、方法参数当做参数传递,执行方法)

    需求:将java类名.方法.方法参数当做参数传递,执行方法.可以用java的动态加载实现   反射的过程如下:     第一步:通过反射找到类并创建实例(classname为要实例化的类名,由pack ...

  3. PropertyGrid控件动态生成属性及下拉菜单 (转)

    http://blog.sina.com.cn/s/blog_6f14b7010101b91b.html https://msdn.microsoft.com/zh-cn/library/ms1718 ...

  4. postman发送json请求

    简介: postman是一个很好的http模拟器,在测试rest服务时是很好用的工具,可以发送get.post.put等各种请求. 发送json的具体步骤: 1.选择post请求方式,同时将heade ...

  5. Java Web开发和Python Web开发之间的区别

    今天的文章讨论了Java Web开发和Python Web开发之间的区别.我不鼓励我们在这里从Java Web迁移到Python Web开发.我只是想谈谈我的感受.它不一定适合所有情况,仅供我们参考. ...

  6. 转)服务器安装部署ESXI6.0

    1.制作一个ESXI6.0的系统安装盘 2.服务器启动后加载VMware ESXi 6.0的ISO文件,开始安装. 3.ESXi引导装入程序,VMware ESXi引导过程,在屏幕上方显示的版本号.内 ...

  7. TestSuite测试报告生成

    简介:HTMLTestRuner介绍 1, 无法使用pip安装,手工下载 2, python3和python2语法不一致导致了HTMLTestRunner在py3中不兼容 解决办法:导入下面的HTML ...

  8. mysql-5.7.21安装和配置方法

      到MySQL官网下载MySQL 5.7.21的版本,下载地址:https://dev.mysql.com/downloads/mysql/ .根据自己的系统下载相应的32位或64位的版本. 将下载 ...

  9. clickableSpan实现textView文字部分点击有响应

    先定义一个clickableSpan的子类 class MyClickText extends ClickableSpan{ private Context context; public MyCli ...

  10. PARAMETERS 指令

    语法: PARAMETERS  <p>  [DEFAULT <f>] [LOWER CASE] [OBLIGATORY] [AS CHECKBOX] [RADIOBUTTON ...