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. Eclipse desktop

    Ubuntu解压Eclipse IDE后并不会在侧边栏显示启动图标,为了能在侧边栏显示,方便启动,可以新建一个desktop文件,具体步骤如下: # switch to root account su ...

  2. Class.forName()

    主要功能 Class.forName(xxx.xx.xx)返回的是一个类 Class.forName(xxx.xx.xx)的作用是要求JVM查找并加载指定的类, 也就是说JVM会执行该类的静态代码段 ...

  3. 数学#素数判定Miller_Rabin+大数因数分解Pollard_rho算法 POJ 1811&2429

    素数判定Miller_Rabin算法详解: http://blog.csdn.net/maxichu/article/details/45458569 大数因数分解Pollard_rho算法详解: h ...

  4. hdu 5664 Lady CA and the graph(树的点分治+容斥)

    题意: 给你一个有n个点的树,给定根,叫你找第k大的特殊链 .特殊的链的定义:u,v之间的路径,经过题给的根节点. 题解:(来自BC官方题解) 对于求第k大的问题,我们可以通过在外层套一个二分,将其转 ...

  5. 城市字符串----转数组( 加空格---preg_split) 正则分割字符串 --> 成数组

    正则 以 斜杠开始 斜杠 结束   斜杠 包围起来  /  / 字母 反斜杠 转义  \s    space 匹配空格 多个空格 [ \s  ]+   中括号 包围起来 public function ...

  6. 自己写deque

    //deque /* what is a deque? In Chinese, it's called "双端队列". It's different from a queue. I ...

  7. 7 个 jQuery 最佳实践

    前言 随着富网络应用(rich web applications)数量的增长,以及用户对快速交互响应的高期望,开发者开始使用JavaScript库来快速高效的完成一些重复性的工作.这其中最流行的Jav ...

  8. yii框架中关于控制器中filter过滤器和外部action的使用

    在yii框架中,控制器的过滤器分为执行前和执行后,这里举例是在执行控制器前的过滤. 需要在components/文件夹下定义公共的TestAction.php文件,并且实现run()方法.这个acti ...

  9. POJ 2083 Fractal 分形

    去年校赛团队赛就有一道分形让所有大一新生欲生欲死…… 当时就想学了 结果一直拖到…… 今天上午…… 马上要省选了 才会一点基础分形…… 还是自己不够努力啊…… 分形主要是要找到递归点…… 还有深度…… ...

  10. iostransitiontranslate闪屏问题总结

    webkit在绘制页面时会将结构分为各种层,当层足够大时就会变成很大的平铺层.这样一来webkit在每次页面结构发生变化时不需要都渲染整个页面而是渲染对应层了,这对渲染速度来说相当的重要.webkit ...