1.网页的基本元素

　　文字、图像与超链接。

2.每一个网页元素通常由开始标记、结束标记,以及在这两个标记中的内容所组成。

3.一般结构

<html>　

　　<head>

　　　　<metahttp-equiv="Content-Type" content="text/html; charset=utf-8" />

　　　　<title>标题</title>

　　</head>

　　<body>

　　　　　　正文

　　</body>

</html>

4.常用标记

　　<p>段落</p>

　　<br/>　　　分段

　　<hr />　　水平线

　　<hr size=“” /> 大小 　默认值为2 <hr width=“” /> 宽度　像素值或百分数 <hr align=“” />对齐方式　left,right <hr color=“”>颜色

　　<img src=“image.gif” />　　插入图像

　　<!—注释内容-->　　注释标记

　　<h1 align=“center”>标题文字</h1>　　标题大小、居中

　　其它格式标记

　　<u>…</u>给字符加下划线

　　<s>…</s>给字符上加横线，表示删除

　　<b>…</b>给字符加粗//<strong>...</strong>

　　<i>…</i>将字符设置成斜体//<em>...</em>

5.<meta>信息

　　在服务器和客户之间传达隐含信息。可以用来定义页面主题，设定页面格式，标注内容提要和关键字，设置页面刷新等等。一般用法：

　　例：　　

<html>

　　<head>

　　　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312（国标）/iso8859-1"（国际标准） />

　　　　　　<title>淘宝网－淘！我喜欢</title>

　　　　<meta name="keywords" content="淘宝，掏宝，网上购物，c2c,在线交易，交易市场，网上交易，网上买，网上卖，购物网站，网上开店，打折，免费开店，网购，店铺" />

　　　　<meta name=“description” content=“淘宝网－亚洲最大、最安全的网上交易平台，提供各类服饰、美容、家居、数码、话费/点卡充值...2亿优质特价商品，同时提供担保交易、先行赔付、假一赔三让你全面安心享受网上购物乐趣！" />

　　　　

　　</head>

　　<body>

　　</body>

</html>

6.设置<body>的属性

　　Background= 　---背景图片

　　Bgcolor=“#ffffff” ---背景色彩

　　例： <body background=“button.jpg”>

　　　　 <body bgcolor=“#ff0000” text=“blue”>

7.特殊字符标记

　　字符”<”用字符串”&lt”表示；

　　字符”>”用字符串”&gt”表示；

　  空格字符用字符串”&nbsp;”表示；

　　© 版权&copy;

　　® 注册商标&reg;

8.文字格式标记

　　格式：<font size=“大小” face=“字体名称” color=“颜色”>文字</font>

　　在 HTML 4.01 中，不赞成使用 font 元素的 size 属性；在 XHTML 1.0 Strict DTD 中，不支持 font 元素的 size 属性。

请使用 CSS 代替。

CSS 语法：<p style="font-size:20px">

HTML day01基础总结的更多相关文章

  1. python学习 day01 基础介绍

    一.编程的目的 1.什么是语言?编程语言又为何? 语言是一种事物与另外一种事物沟通的介质.编程语言是程序员和计算机沟通的介质. 2.什么是编程? 程序员把自己想要计算机做的事用编程语言表达出来,编程的 ...

  2. c++学习day01基础知识学习

    一.代码示例解析: #include <iostream> int main() { using namespace std; cout << "come up an ...

  3. Jquery day01

    day01: 基础--选择器.属性和CSS.文档处理 day02: 高级--筛选.事件.效果.ajax jQuery介绍 JS类库 JavaScript 库封装了很多预定义的对象和实用函数.能帮助使用 ...

  4. Java基础篇

    #JAVA day01 基础篇 字节类型的使用方法 byte b1 = 126+1; byte b2 = 127+1;//因为127+1得出的结果是int类型,所以不能转换,编译出错 byte b3 ...

  5. Java递归与基础复习

    Day01-基础复习,递归 1.递归 定义:指在当前方法内调用自己,即函数内部调用本函数 分类: 直接递归和间接递归 直接递归成为方法自身调用自己 间接递归可以A方法调用B方法,B方法调用C方法,C方 ...

  6. Python基础-day01

    写在前面 先后接触过很多编程语言,最喜欢的就是C和Python,相比其他语言,C 是神器,优点太多了:个人而言,C 最重要的一点就是能够让你在敲代码的时候是以一个计算机科学家的角度去思考,而不是仅仅停 ...

  7. python学习基础—day01

    一. python是什么? 优势:简单, 可以跨平台 劣势:执行效率没有C语言那么高 python是解释型语言,逐行编译解释,在不同的系统windows与Linux,需要不同的解释器来编译. 而编译型 ...

  8. Python学习--21天Python基础学习之旅(Day01、Day02)

    21天的python基础学习,使用<Python从入门到实践>,并且需要手敲书中的code,以下为整个学习过程的记录. Day01: 安装python时要选择复选框 Add Python ...

  9. python之路:Day01 --- Python基础1

    本节内容 1.Python介绍 2.发展史 3.变量 4.用户输入 5.表达式 if...else语句 6.表达式 for 循环 7.表达式 while 循环 8.模块初识 9.数据类型初识 10.数 ...

随机推荐

  1. qt 汉化 国际化

    两种方法. 1. 使用 QTextCodec  setcodeforname 设置编码, 然后在程序中对于需要处理的字符使用 fromLocal8Bit . 2. 使用 Linguist. 首先把文件 ...

  2. 设计模式 单例模式(Singleton) [ 转载2 ]

    设计模式 单例模式(Singleton) [ 转载2 ] @author java_my_life 单例模式的结构 单例模式的特点: 单例类只能有一个实例. 单例类必须自己创建自己的唯一实例. 单例类 ...

  3. More on wrapper types

    原文地址:http://fsharpforfunandprofit.com/posts/computation-expressions-wrapper-types-part2/ 上一篇中,我们说明了包 ...

  4. 对低、高频系数直接重构upcoef2

    此函数可对原图低.高频系数(或处理后的系数)进行重构 clear all;close all;clc; I=imread('C:\Users\Jv\Desktop\wenli.jpg'); gray= ...

  5. apicloud ios 打包流程

    1创建APP ID 等 2创建pruduction创建证书,用 这个证书导出P12格式的.. 3profile 证书,选 APP STORE  AD-HOC ok... http://docs.api ...

  6. SQL 列提取组成字符串

    SELECT BussinessNo = STUFF(REPLACE(REPLACE((SELECT N.business_no FROM T_delegate_list N WHERE N.g_mo ...

  7. NOIP2011-普及组复赛模拟试题-第二题-买票

    题目背景 Background Ztc真的遇上黄牛了...  题目描述 Description   周末Ztc想去剧场看演出,但是他没有票.这时,救世主Wzj出现了,他慷慨地愿意卖给Ztc一些票.   ...

  8. 斯坦福大学公开课：iOS 7应用开发 笔记

    2015-07-06 第一讲   课务.iOS概述 -------------------------------------------------- 开始学习斯坦福大学公开课:iOS 7应用开发留 ...

  9. 从MySQL全库备份中恢复某个库和某张表【转】

    从MySQL全库备份中恢复某个库和某张表 一.全库备份-A [root@mha2 backup]#mysqldump -uroot -p123456 --default-character-set=u ...

  10. angularJS 系列（七）---指令

    ----------------------------------------------------------------------------------- 原文:https://www.s ...