正式学习第一天下午——基础标签及其属性

今天下午学习了html中的基础标签及其属性。以下面的HTML代码为例。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>这是网页的标题</title>
  </head>
  <body bgcolor="#CCFF00" background="../../动态壁纸/壁纸1/罪恶王冠/preview.jpg" text="#33CC66">
    这是一段测试文字
    <font size="+3" face="微软雅黑" color="#000000">这是另一段font中的测试文字</font>
    <b>加粗</b>
    <i>倾斜</i>
    <u>下划线</u>
    <b><i><u>加粗倾斜下划线嵌套</u></i></b>
  </body>
</html>

标签,是网页的最小单元,html由一个个标签组成。

<!DOCTYPE>
首先,是一个html网页开头的会有 一个<!DOCTYPE>单标签。<!DOCTYPE>标签的作用是让当前网页来适应新的标准,表示适应HTML5.0。

<html>

然后是<html>标签,用来告诉浏览器这是一个HTML文档,<html>是网页的开始,</html>是网页的结束。

<head>

相当于网页的头部,主要放控制性的东西,用于定义HTML文档的头部信息,也称为头标签。head标签定义的并不会给用户呈现。主要用来封装其他位于文档头部的标记。

<body>

相当于网页的身体,也称为主体标签。所有网页显示给用户的内容,文字图片视频等都在body中。

<body>标签的常用属性:

            bgcolor="#CCFF00"      bgcolor属性用来定义网页的背景颜色

            background="../../动态壁纸/壁纸1/罪恶王冠/preview.jpg"    background属性用来定义网页的背景图片

            text="#33CC66"    text属性用来定义网页的前景颜色,也就是文本颜色。

<meta>

单标签元素,放在<head>头标签中,说明了一些当前网页的信息,做了一些格式的控制,说明当前网页是什么格式是怎么样的。

<meta>中  content="text/html; (说明当前的文档是一个HTML文档)charset=utf-8" 说明当前文档的编码格式是utf-8。

<title>

用来显示网页标题。

文本格式控制类标签

文本格式控制类标签

<font>:

  <font>主要用来放文字,其中的文字可以通过属性来来控制

  size:文字大小

  face:文字字体,可以直接写字体名称,HTML常用字体  微软雅黑

  color:文字颜色

<b>文字加粗

<i>文字倾斜

<u>文字加下划线

<b><i><u>三个标签可以通过嵌套来使其中的内容同时实现三种效果。

拓展知识:

编码知识:

  因为计算机磁盘用二进制来存储数据,所以文字图片等需要编码成能够存储的内容才能存储。从而形成了各种不同的编码格式。编码格式错误可能会导致网页出现乱码。

网页中颜色表示:

  1.rgb(255,255,255)

  其中,r=red=红,g=green=绿,b=blue=蓝,红绿蓝三原色,用0-255代表每一个颜色的浓度,来组合出不同的颜色。

2.#000000

  #后面用十六进制字符来表示红绿蓝三元色,十六进制是0-F十六个字符,00最低,FF=255最浓。

3.直接用red、blue等单词来表示颜色。

网页中的路径:

  绝对路径:从根目录(/)开始写的路径

相对路径:相对于某个地方(当前文件位置)的路径

  ./  代表当前目录

  ../ 代表上一级目录

时间: 2024-12-27 22:41:48

正式学习第一天下午——基础标签及其属性的相关文章

HTML:基础标签及属性(备份)

基 本 标 签  创建一个HTML文档 <html></html> 设置文档标题以及其他不在WEB网页上显示的信息 <head></head> 设置文档的可见部分 <body></body> 标 题 标 签 将文档的题目放在标题栏中 <title></title> 文 档 整 体 属 性 设置背景颜色,使用名字或十六进制值 <body bgcolor=?> 设置文本文字颜色,使用名字或十六进制值 &

Java基础知识二次学习-- 第一章 java基础

基础知识有时候感觉时间长似乎有点生疏,正好这几天有时间有机会,就决定重新做一轮二次学习,挑重避轻 回过头来重新整理基础知识,能收获到之前不少遗漏的,所以这一次就称作查漏补缺吧!废话不多说,开始! 第一章  JAVA简介 时间:2017年4月24日10:23:32 章节:01章_02节 内容:jdk的配置与安装 完成情况:已经完成,cmd中javac提示出相关命令 时间:2017年4月24日10:30:39 章节:01章_04节 内容:输出HelloWorld 完成情况: 已经完成 javac先将

Python学习第一天----计算机基础

一.学习计算机基础的目的 再高级的编程语言都是运行在操作系统之上的,而操作系统又是运行在硬件基础之上.所以在开始学习编程之前需要深刻的了解并熟知计算机的基础知识.包括硬件基础及操作系统基础. 二.计算机硬件发展史 计算机的定义:是现代用于高速计算的一种电子计算机器,可以进行数值计算,又可以进行逻辑计算,还具有存储记忆功能. 发展史: 原型或者说灵感起源于中国 1946年2月14日情人节这天,世界上第一台电子计算机"电子数字积分计算机ENIAC"在美国宾夕法尼亚大学问世. 电子管时代--

记录学习第一天--计算机基础概述

好的开端,坚实的基础.看的视频有点老,思绪有点乱,听得也有点懵,整理下写写,希望大师们给予指引.一:计算机基础1)计算机三大组成部分: 运算器:以二进制形式运行.开关连接为1,关闭为0. 存储器:存储数据,也存储指令. 控制器:接受控制指令,读取数据.获取控制指令的线叫控制总线.获取指令的线叫指令总线. cpu的频率和缓存:频率:一次频率完成一次事件.缓存:CPU和内存之间要折中处理,如cpu处理过快,但从内存提取指令过慢,就需要中间有个过度,那就是缓存.寄存器,既是CPU的工作台,是存放计算数

C#学习第一阶段——语法基础

C#是一门面向对象的编程语言.在面向对象的程序设计方法中,程序由各种相互交互的对象组成.相同种类的对象具有相同的属性,或者说是在相同的class 中的.       例如,以矩形为例,它具有高(length)和高(width)属性.根据设计,它可能需要接受这些属性值.计算面积(方法)和显示细节. 接下来看看这个Rectangle(矩形)类的实现 注:1.在C#基础语法中还需要了解标识符.关键字.注释.变量等一些东西.       2.像类似二进制.八进制等也需要去了解,这样对程序会有更深刻的认识

Hadoop学习第一步之基础环境搭建

1.下载并安装ubuntukylin-15.10-desktop-amd64.iso 2.安装ssh sudo apt-get install openssh-server openssh-client 3.搭建vsftpd #sudo apt-get update #sudo apt-get install vsftpd 配置参考 http://www.linuxidc.com/Linux/2015-01/111970.htm http://jingyan.baidu.com/article/

java的基础标签

跨行业进入IT,感觉就像学习一门外语,基础标签就像英语中的单词是的,现在只会一个个单词,不会说话的感觉,痛苦呀. 1.文本格式控制标签 <font color="文本颜色" size="字体大小" face="什么字体">文本内容</font> <b></b>   字体加粗 <i></i>     字体倾斜  <em></em>强调,语气加强用 <

第一天---HTML基础学习

HTML(hyper text markup language) HTML不是一种编程语言,而是一种标记语言(markup language),标记语言是一套markup tag(标记标签),HTML使用markup tag来描述网页. markup tag(通常被称作HTML tag) markup tag是由尖括号包围的关键词,例如<html>,一般成对出现,例如<html></html>,其中<html>为start tag,</html>

Java学习第一天:数据基础,打印质数的实现

第一天正式学习Java,写下这篇关于质数求解的文章,希望能更改进的更好. 首先说,以前在C上求解过质数的问题,当时没怎么在意.一直用的方法是从2开始递增到n-1,如果在这个过程中有一个数能被n整除,那么这个数就不是质数.这样做当然是没问题的最简单的一种方法. 之后看了一些文章的介绍,随着数学知识的增长,今天在学习Java语言上实现了这个想法,把这一过程记录如下: 先从最原始的递增法说起: 1.除了2之外,全部的质数是奇数,所以,循环数可以减少一般. 2.递增的界限不应是n-1,可以加以优化.对于