代码范例

<?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. ES2015 import & export

    [ES2015 import] The import statement is used to import functions, objects or primitives that have be ...

  2. 外购半成品回写PR时将同一供应商同一编码的PR合并数量回写

    '); --PR 净需求 '); ---加上PR回写逻辑后 '); ---加上PR回写逻辑后 ') order by item; ---最终回写去SAP的数据 ) as LGORT ,'SAPRFC' ...

  3. C/s程序过时了吗？

    目前的程序从原来的形态演变成了 C/s,B/s,和手机端. 其实应该各有自己的客户群,及定位. 比如C/s为单机版的可以完成个性化突出的复杂客户端应用,企业级别的应用. B/s的特点安装简单,功能制作 ...

  4. Linux之须知

    1.服务器有哪些硬件? 主板,cpu,显卡,内存,硬盘,声卡,网卡 2.内存,CPU,硬盘的作用? cpu是管理与运算.内存:cpu和磁盘之间的缓冲设备,服务器关闭后,数据从内存中释放掉. CPU,电 ...

  5. minSdk(API 26) > deviceSdk(API 19)解决方式

    运行项目时出现“minSdk(API 26) > deviceSdk(API 19)”的提示,因为我用的是手机是sdk(API19)的,而项目要求是最低版本是minSdk(API 26),在我的 ...

  6. JMeter快速入门之Badboy录制

    1. 前言 JMeter录制有两种方式,一种是JMeter自带录制方法,另一种是下面要学习的Badboy录制,个人推荐使用此方法 下面教程不设计Badboy安装,可以百度一下. 2. 录制步骤: 2. ...

  7. oracle 中从某天到某天一天一次执行某个函数

    DECLAREv_days INTEGER;v_start VARCHAR2(10);v_end VARCHAR2(10);v_3 INTEGER;v_enddays date;begin v_sta ...

  8. 《纪念碑谷》(Monument Valley) 系列游戏的空间结构是如何设计的？

    这个游戏有着像埃舍尔的画一样有着空间结构的矛盾,如果是2D游戏,艾达可以行走的路线.建筑结构变化的过程是如何绘制的?如果是3D游戏,那么如何对这种违背物理定律的矛盾空间进行建模?以前有一个叫“无限回廊 ...

  9. vue-webpack项目自动打包压缩成zip文件批处理

    为什么需要这个? 使用vue框架开发项目,npm run build这个命令会一直用到,如果需要给后端发包,那你还要打包成zip格式的压缩包,特别是项目提测的时候,一天可能要执行重复好几次,所以才有了 ...

  10. How to set the bash display to not show the vim text after exit?

    Xshell客户端在vim编辑文件保存退出,仍然显示文本内容,而不是回到shell terminal终端. 解决办法如下: User1 is using TERM=xterm, in this cas ...