所有的web页面都由HTML（超文本标记语言）构成，每种浏览器都将代码转换成我们所看到的页面。

这是基本上是每个程序员写的第一个代码“hello world”

这是浏览器翻译后的结果

首先<>中的为标签，是构成代码的重要内容，下面为一些常用标签，其他不常用标签可以从w3school.com.cn或runoob.com上查找。

<a>

定义超链接，锚，和下载内容。

  

<b>

定义粗体字。

  

<br>单标签

定义简单的折行。

  

<button>

<!--注释-->

定义按钮 (push button)。

  

<div>*

定义文档中的节。

自身占一行,块状元素

  

<h1> to <h6>

定义 HTML 标题。=word文档中从标题1到标题6

  

<i>

定义斜体字。

  

<img>

定义图像。,<img arc=”文件路径”alt=”加载失败的显示内容，如果不写，就什么也没有”width=”宽” height=”高”宽和高如不定义将会保持原图尺寸>

可以从查看器中改到合适大小，再改源文件

  

<p>

定义段落。

一般配合标题使用

块状元素(占一行)

<p></p>与<p></p>之间有较大间隙

  

<span>

定义文档中的节。盛放文字，内容多大就占多大

  

<style>

定义文档的样式信息。

  

<table>

定义表格。复合标签，有两个子标签<tr></tr>,<td></td>

<tr>表示行

<td>表示列

<td>为<tr>的子标签

  

<td>

定义表格中的单元。

  

<th>

定义表格中的表头单元格。

  

<u>

定义下划线文本。

<ul>（父标签）

定义无序列表。复合标签（由父标签和子标签组成），不单独出现，用<li></li>（子标签）表示每一行

ol

有序列表，子标签同<ul>

<video>

定义视频。同img有src ，支持格式有限

<wbr>

wbr元素表示一个可以换行的机会，即表示必要时可以在此处换行，至于是否换行，则由浏览器根据窗口或父元素的宽度情况自主决定。当宽度足够时，即没必要换号时，不进行换行，当宽度不够时，主动在此处换行

 

在图一中，<!Doctype html>作用不大，仅用于宣称文件类型。

标签必须使用恰当的格式，有下面两种：

  1. 双标签：由始标签和结束标签组成 例子（以后用exp表示）

<body> <!--始标签-->(此为注释，浏览器将不翻译<!-- -->中的内容，为了更有效率以后用//注释）

Hello World!

</body>//结束标签，在标签名前打/表示结束

  1. 单标签：仅有一个标签组成，如<br>,在XHTML中必须为<br/>,但在html中不强制，<br>即为有效。

标签嵌套也必须有恰当的格式： 意思是不能<div><b>百度<div></b>，只能<div><b>百度</b><div>

被嵌套标签被嵌套他的标签控制

Exp： <div><b>百度一下</b>你就知道<div> 只加粗百度一下

<b><div>百度一下你就知道</div></b> 加粗整个<div>中的百度一下你就知道。

要学会写代码，首先要有顺手的编译器，虽然记事本可以写代码，但效率极低，我使用的是Dreamweaver，较为快捷。

首先先新建一个html文件。

会出现以下画面

<html></html>之间即为整个网页的内容，所有网页的内容最好写在这个标签之内。

<head></head>之间写了一个网页的设置，<meta charset=”utf-8”>说明该网页的编码为国际标准utf-8，推荐不要改为其他的编码，所以不要管他。<title></title>之间为网页标签名即为下图红圈内容

<body></body>之间即为页面的所有内容。

这样一个网页就完成了。

只需用上面表格中的标签名就可以制作网页。

跟随我在oracle学习php（1）的更多相关文章

  1. 跟随我在oracle学习php（19）

    Order by子句 形式: order  by  排序字段1  [排序方式],  排序字段2  [排序方式], ..... 说明: 对前面取得的数据(含from子句,where子句,group子句, ...

  2. 跟随我在oracle学习php（18）

    修改表: 一般概述 通常,创建一个表,能搞定(做到)的事情,修改表也能做到.大体来说,就可以做到: 增删改字段: 增:alter  table  表名  add  [column]  字段名  字段类 ...

  3. 跟随我在oracle学习php（17）

    通用设定形式 定义一个字段的时候的类型的写法. 比如: create  table  tab1  (f1  数据类型 ); 数据类型: 类型名[(长度n)]  [unsigned]  [zerofil ...

  4. 跟随我在oracle学习php（16）

    数据库的增删改查 增:create  database  [if  not  exists ] 数据库名  [charset  字符集]  [collate  字符排序规则]: 说明: 1,if  n ...

  5. 跟随我在oracle学习php（15）

    开发环境 独立开发环境:组成 Windows/Linux php Apache MySQL 集成开发环境:phpstudy wamp xammp 关系数据库: SQL: Struct Query La ...

  6. 跟随我在oracle学习php（14）

    CSS3的@keyframes用法详解: 此属性与animation属性是密切相关的,关于animation属性可以参阅CSS3的animation属性用法详解一章节. 一.基本知识: keyfram ...

  7. 跟随我在oracle学习php（13）

    常用的css样式 [class~="col-6"]:选择我所有类名中包含有col-6独立单词的元素 [class*="col-"]:选择所有类名中含有" ...

  8. 跟随我在oracle学习php（12）

    DOM 文档对象模型 body:(什么时候)找到标签 操作标签找到标签:(都会返回一个js对象)document.getElementById() 通过iddocument.getElementsBy ...

  9. 跟随我在oracle学习php（11）

    数组专题 数组遍历: 1,普通for循环,经常用的数组遍历 var arr = [1,2,0,3,9]; for ( var i = 0; i <arr.length; i++){ consol ...

  10. 跟随我在oracle学习php（10）

    正则表达式 做验证 做匹配 用符号来描述书写规则:/ 中间写正则表达式 /^ :匹配开头,$:匹配结尾 : /^ve/以ve开头的 /ve$/以ve结尾\d:一个任意的数字\w:一个任意的数字或字母\ ...

随机推荐

  1. 8 . IO类-标准IO、文件IO、stringIO

    8.1 IO类 #include <iostream> //标准IO头文件  8.2 文件输入输出流 #include <fstream> //读写文件头文件 std::fst ...

  2. fiddler学习总结--autoresponder替换资源

    意义:替换服务器返回的内容 1.找到需要替换的目标 2.选择目标后,点击“autoresponder”-->”add  rules” 3.在下图中,选择“find a file”,再选择需要替换 ...

  3. 在 CentOS7 上安装 Zookeeper服务

    1.创建 /usr/local/services/zookeeper 文件夹: mkdir -p /usr/local/services/zookeeper 2.进入到 /usr/local/serv ...

  4. Windbg程序调试系列1-常用命令说明&示例

    Windbg程序调试是.Net高级开发需要掌握的必备技能,分析内存泄露.分析高CPU.分析线程阻塞.分析内存对象.分析线程堆栈.Live Dedugging.这个领域可以说一个技能+场景化应用的结合, ...

  5. webform-AJAX

    AJAX = 异步 JavaScript和XML(标准通用标记语言的子集).AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着 ...

  6. java中的ElasticSearch搜索引擎介绍。

    ElasticSearch是一个基于Lucene的搜索服务器.它提供了一个分布式多用户能力的全文搜索引擎,基于RESTful web接口.Elasticsearch是用Java开发的,并作为Apach ...

  7. bootloader研究最后一关（上）

    2011-03-12 17:03:17 把map文件也仔细看了下.代码及map文件及段分配的关系,可以参考我总结的图.暂时堆栈我就不放在ZI上了.不是今天的重了点 今天重点研究2440的nandfla ...

  8. 【python】python嵌套循环内层循环只执行一次

    今天写了一个两个基因集找相同的基因然后输出这么个小程序就无论如何也跑不起来,原因出在循环嵌套上,这方面之前就出过问题,后来阴差阳错的就好了我也没太注意,但是最近这个问题严重制约了工作效率,我决心找到问 ...

  9. Redis学习-set数据结构

    set 是无序集合,最大可以包含(2 的 32 次方-1)个元素.set 的是通过 hash table 实现的, 所以添加,删除,查找的复杂度都是 O(1) sadd key member 添加一个 ...

  10. 安装Joomla!3

    在日常测试中搭建一个web 站点进行进行linux 相关功能测试,只是不喜欢httpd 或者nginx 的默认界面: 安装Joomla!3: 系统:centos 7 软件:  连接: https:// ...