跟随我在oracle学习php（1）
所有的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>作用不大，仅用于宣称文件类型。
标签必须使用恰当的格式，有下面两种：
- 双标签：由始标签和结束标签组成 例子（以后用exp表示）
<body> <!--始标签-->(此为注释，浏览器将不翻译<!-- -->中的内容，为了更有效率以后用//注释）
Hello World!
</body>//结束标签，在标签名前打/表示结束
- 单标签：仅有一个标签组成，如<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）的更多相关文章
- 跟随我在oracle学习php（19）
Order by子句 形式: order by 排序字段1 [排序方式], 排序字段2 [排序方式], ..... 说明: 对前面取得的数据(含from子句,where子句,group子句, ...
- 跟随我在oracle学习php（18）
修改表: 一般概述 通常,创建一个表,能搞定(做到)的事情,修改表也能做到.大体来说,就可以做到: 增删改字段: 增:alter table 表名 add [column] 字段名 字段类 ...
- 跟随我在oracle学习php（17）
通用设定形式 定义一个字段的时候的类型的写法. 比如: create table tab1 (f1 数据类型 ); 数据类型: 类型名[(长度n)] [unsigned] [zerofil ...
- 跟随我在oracle学习php（16）
数据库的增删改查 增:create database [if not exists ] 数据库名 [charset 字符集] [collate 字符排序规则]: 说明: 1,if n ...
- 跟随我在oracle学习php（15）
开发环境 独立开发环境:组成 Windows/Linux php Apache MySQL 集成开发环境:phpstudy wamp xammp 关系数据库: SQL: Struct Query La ...
- 跟随我在oracle学习php（14）
CSS3的@keyframes用法详解: 此属性与animation属性是密切相关的,关于animation属性可以参阅CSS3的animation属性用法详解一章节. 一.基本知识: keyfram ...
- 跟随我在oracle学习php（13）
常用的css样式 [class~="col-6"]:选择我所有类名中包含有col-6独立单词的元素 [class*="col-"]:选择所有类名中含有" ...
- 跟随我在oracle学习php（12）
DOM 文档对象模型 body:(什么时候)找到标签 操作标签找到标签:(都会返回一个js对象)document.getElementById() 通过iddocument.getElementsBy ...
- 跟随我在oracle学习php（11）
数组专题 数组遍历: 1,普通for循环,经常用的数组遍历 var arr = [1,2,0,3,9]; for ( var i = 0; i <arr.length; i++){ consol ...
- 跟随我在oracle学习php（10）
正则表达式 做验证 做匹配 用符号来描述书写规则:/ 中间写正则表达式 /^ :匹配开头,$:匹配结尾 : /^ve/以ve开头的 /ve$/以ve结尾\d:一个任意的数字\w:一个任意的数字或字母\ ...
随机推荐
- 关闭图形界面下普通用户关机重启命令- 7.x - CentOS
vim /etc/polkit-/rules.d/-inhibit-shutdown.rules polkit.addRule(function(action, subject) { if (acti ...
- python 定义带默认参数的函数
- 使用addeventlistener为js动态创建的元素添加事件监听
点击li弹出内容,并且动态添加li之后有效 <button onclick="addFunction()">点我增加</button> <ul> ...
- VMware vSphere 5.x 与 vSphere 6.0各版本功能特性对比
各版本中的新特性及功能对比: VMware vSphere 5.0 VMware vSphere 5.1 VMware vSphere 5.5 VMware vSphere 6.0 ESXi 5. ...
- C/C++ strict-aliasing
最近发现了一个奇怪的编译参数-fno-strict-aliasing,好奇之下做了一点研究: 重点参考Understanding C/C++ Strict Aliasing: 所谓的aliasing就 ...
- springmvc sessionfilter 登录过滤器
1.在web.xml中配置 <!-- sessionfilter --> <filter> <filter-name>sessionFilter</filte ...
- sublime Text 正则表达式功能使用介绍
sublime Text 正则表达式功能使用介绍 1.打开sublime Text ,然后按 CTRL+H打开替换面板 2.如下图,勾选正则表达式功能,然后填上正则表达式和替换内容. 3.替换后结果如 ...
- ORA-00600: internal error code, arguments: [kcblin_3], [103], [253952], [8192], [32769], [312], [640], [], [], [], [], []解决方法
昨晚,一SQL执行的时候报了ORA-00600: internal error code, arguments: [kcblin_3], [103], [253952], [8192], [32769 ...
- activiti5/6 系列之--Activiti 读取并转换BPMN2文件
统一的BPMN标准,对工作流的流程定义采用BPMN统一格式.BPMN流程文件可以使用eclipse bpmn2插件开发比如eclipse bpmn2 modeler或者idea activiti插件. ...
- SSM-网站后台管理系统制作（3）---Google的reCaptcha验证码
网上找了好久,也不知道怎么接入,后来看到一篇博客才搞好 reCaptcha官网:https://www.google.com/recaptcha/admin#site/344147946 参考博客:h ...