所有的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. asp.net机制理解（Javaweb同理）

    1.页面运行先后顺序 先执行aspx中的代码,然后再合并到HTML中,最后一起送到浏览器执行,HTML是从上到下执行的,而HTML中的Windows.onload()最后执行.而由于aspx中的代码是 ...

  2. sql server 按年月日分组

    sql server  按年月日分组 ----------------------------------------------- --author:yangjinwang --date:2017- ...

  3. C++对象赋值问题

  4. java解答：有17个人围成一圈(编号0~16),从第0号的人开始从1报数，凡报到3的倍数的人离开圈子，然后再数下去,直到最后只剩下一个人为止，问此人原来的位置是多少号?

    package ttt; import java.util.HashMap; import java.util.Map.Entry; /** * 有17个人围成一圈(编号0~16),从第0号的人开始从 ...

  5. Django框架详细介绍---ORM---图书信息系统专题训练

    from django.db import models # Create your models here. # 书 class Book(models.Model): title = models ...

  6. Kubernetes应用健康检查

    目录贴:Kubernetes学习系列 在实际生产环境中,想要使得开发的应用程序完全没有bug,在任何时候都运行正常,几乎 是不可能的任务.因此,我们需要一套管理系统,来对用户的应用程序执行周期性的健康 ...

  7. Solution about MB STAR C4, MB STAR C5 Update and can not test vehicles problems

    Solution about MB Star C4, MB Star C5 Update and can not test vehicles problems 1. Make sure your co ...

  8. springboot跑定时任务

    使用@Scheduled注解实现 1.在启动类上加上@EnableScheduling 开启定时任务 2.新建一个任务类,在方法上添加@Scheduled注解 @Componentpublic cla ...

  9. COCO数据集格式互换

    poly->compacted RLE:     seg=np.array([312.29, 562.89, 402.25, 511.49, 400.96, 425.38, 398.39, 37 ...

  10. zabbix链接规则

    通过磁盘  Disk for discovery    custom.vfs.dev.discovery 配置自动发现参考