所有的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. HDU 2586 How far away(dfs+邻接表)

    How far away [题目链接]How far away [题目类型]dfs+邻接表 &题意: 题目大意:一个村子里有n个房子,这n个房子用n-1条路连接起来,接下了有m次询问,每次询问 ...

  2. Android -- 从源码带你从EventBus2.0飚到EventBus3.0

    1,最近看了不少的面试题,不管是百度.网易.阿里的面试题,都会问到EventBus源码和RxJava源码,而自己只是在项目中使用过,却没有去用心的了解它底层是怎么实现的,所以今天就和大家一起来学习学习 ...

  3. Sql 按照指定天数时间段查询

    BEGIN TRY DECLARE @BeginTime DATETIME='2017-02-01' DECLARE @EndTime DATETIME='2017-03-3 23:59:59' -- ...

  4. PowerShell 语法备忘

    1.挡可能出现 .0 的时候需要加上引号 2.使用 -Join 或者 + 进行字符串拼接 3.在cmd 命令下可以使用 set /a  s=1+2  表示需要进行计算,而不是拼接

  5. Python- 解决PIP下载安装速度慢

    让PIP源使用国内镜像,提升下载速度和安装成功率. 国外的源下载速度太慢,而且经常出现下载后安装出错问题.把PIP安装源替换成国内镜像,可以大幅提升下载速度,还可以提高安装成功率. 国内源: 新版ub ...

  6. jmeter获取mysql数据并作为请求参数使用

    1.将mysql-connector-java-5.1.22-bin.jar包放到jmeter的lib目录下,重启jmeter 2.测试计划中添加jdbc connection,右键测试计划----添 ...

  7. hdu5029 Relief grain

    题目链接 树剖+线段树 将区间修改转化为单点修改,因为如果按DFS序进行修改,那么一定会对DFS序更大的点造成影响 #include<iostream> #include<vecto ...

  8. springmvc学习路线1-基本配置

    1.第一个springmvc实例helloword 关键点拨 1.1 web.xml文件的配置 <servlet> <servlet-name>springMVC</se ...

  9. 简单js 切换左侧栏目的样式

    这是html代码,里面写了left.html <div id='mydiv'> <a class='qwe'>1</a> <a class='qwe'> ...

  10. Linux下系统时间函数、DST等相关问题总结(转)

    Linux下系统时间函数.DST等相关问题总结 下面这个结构体存储了跟时区相关的位移量(offset)以及是否存在DST等信息,根据所在的时区信息,很容易找到系统时间与UTC时间之间的时区偏移,另外根 ...