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. POJ 2325 Persistent Numbers#贪心+高精度除法

    (-￣▽￣)-* 这道题涉及高精度除法,模板如下: ]; ];//存储进行高精度除法的数据 bool bignum_div(int x) { ,num=; ;s[i];i++) { num=num*+ ...

  2. redis数据类型：hashes

    redis hash 是一个string类型的field和value的映射表. 它的添加.删除操作都是O(1)(平均),hash特别适合用于存储对象 将一个对象存储在hash类型总会占用更少的内存,并 ...

  3. ural 1203. Scientific Conference（动态规划）

    1203. Scientific Conference Time limit: 1.0 second Memory limit: 64 MB Functioning of a scientific c ...

  4. 如何直观的解释back propagation算法？

    转自:知乎-https://www.zhihu.com/question/27239198 作者:匿名用户链接:https://www.zhihu.com/question/27239198/answ ...

  5. 使用日志记录功能查看PHP扩展的执行过程

    了解过PHP内核的同学都知道,PHP的一次请求的生命周期 1.启动Apache后,PHP解释程序也随之启动.PHP调用各个扩展的MINIT方法,从而使这些扩展切换到可用状态 2.当一个页面请求发生时, ...

  6. 复用TCP连接提升流媒体服务器之间流量转发效率

    由于媒体推流客户端所在地域不同.所接入网络运营商不同.就近接入原则等因素,导致不同的视频推流客户端会推流至不同的流媒体服务器(本文主要针对目前WEB或手机的基于TCP的流媒体服务器),在某流媒体服务器 ...

  7. jsp之用户自定义标签

    创建一个类,引入外部jsp-api.jar包(在tomcat 下lib包里有),这个类继承SimpleTagSupport 重写doTag()方法. jspprojec包下的helloTag类: pu ...

  8. Java Queue 各种方法的区别

    再Java里的某些集合类,其实是实现了多个接口的,所以就会同时又多种方法针对同一种操作,比如LinkedList类. 首先看一下java集合类的继承关系图: 这里简单对其重复的方法做点简单的区分. o ...

  9. 如何在VS2013中显示代码行号

    http://jingyan.baidu.com/article/af9f5a2d2e193543140a4533.html

  10. python实现邮件发送完整代码（带附件发送方式）

    实例一:利用SMTP与EMAIL实现邮件发送,带附件(完整代码) __author__ = 'Administrator'#coding=gb2312 from email.Header import ...