HTML学习笔记1—HTML基础

一、HTML的基本结构

<html> 根控制标记

<head> 头控制标记

<title>标题</title> 标题标记

</head> 头控制标记(尾)

<body> 网页显示区域

</body> 网页显示区域(尾)

</html> 根控制标记(尾)

双标签:开头和结尾成对出现,如<html> </html>

单标签:斜杠在标签元素的后面 和元素之间有一个空格,如<hr /><br /><meta />

行内元素,行内标签:标签在同一行显示 不会换行

块级标签:每个标签单独成一行显示

二、HTML的控制标记的格式

(1).<标记名称>单一型,无设置值的。如:<br />

(2).<标记名称 属性="属性值">单一型,有设置值的。如:<hr width="80%">

(3).<标记名称>…</标记名称>对称型,无设置值。如:<title>…</title>

(4).<标记名称 属性="属性值">…</标记名称>对称型,有设置值。

如:<body bgcolor="red">…</body>

<palign= "center">…</p>

三、最常用的控制标记

1.标题文字设置

格式:<h1>…</h1>  一级标题 只能出现一次(其他可以出现多次)

<h2>…</h2>  二级标题

<h3>…</h3>  三级标题

<h4>…</h4>  四级标题

<h5>…</h5>  五级标题

<h6>…</h6>  六级标题

一共是6个标题级别,一级标题最大,6级标题最小。默认加粗显示

属性名称      属性值        说明

align         left         靠左对齐

center       居中对齐

right        靠右对齐

justify      两端对齐

如:设置二级标题为靠右对齐:<h2 align="right">2级标题</h2>

2.段落<p>

格式:<p align="排列方式">段落内容</p>

属性名称     属性值         说明

align        left         文本左对齐(默认)

center       文本居中对齐

right        文本右对齐

justify      文本两端对齐

如:设置段落为居中对齐:<p align="center">段落居中对齐</p>

3.换行<br>   格式:<br />   无属性设置   功能:强制换行

4.水平直线<hr>

格式:<hr />

属性名称     属性值         说明

size         像素         规定 hr 元素的高度(厚度)属性值越大,线越粗

width        像素         绝对设置,长度不会随着窗口的改变而改变

百分比       相对设置,长度会随着窗口宽度而改变

noshade      noshade      规定 hr 元素的颜色呈现为实体线

align        left         hr 元素左对齐(默认)

center       hr 元素文本居中对齐

right        hr 元素文本右对齐

color                     设置水平直线的颜色

如:设置水平直线的宽度为窗口的60%,对齐为左对齐,高度为10,实体线,绿色

<hr width="60%" align="left" size="10" noshade="noshade" color="#009933" />

5.格式:背景色与文字设置

<body bgcolor="背景色" text="文字颜色">

整体页面的边距

<body leftmargin="左边距" rightmargin="右边距"

topmargin="上边距" bottommargin="底边距">

6.文本的显示格式

格式:<font size="字体大小" face="字体类型" color="字体颜色"></font>

属性名称     属性值         说明

size         1~7          绝对设置,把字号设置为X

+1~+6        相对设置,把原字号通过+X设置为新字体

-1~-6        相对设置,把原字号通过-X设置为新字体

color                     设置文本的颜色

face                      设置文本的字体

文字默认是3号字,文字大小中1号最小,7号最大

7.特殊字符设置

特殊字符  &nbsp; (空格)写完特殊字符后要添加 分号;表示结束

格式:<: &lt;

>: &gt;

&: &amp;

": & quot;

空格: &nbsp;

版权图标 : &copy;

8.HTML 备注(注释)   格式:<!--注释内容-->

9.实体字符控制标记

<b>…</b> 粗体

<i>…</i> 斜体

<s>…</s> 删除线

<u>…</u> 下划线

<sub>…</sub> 下标

<sup>…</sup> 上标

10.语意字符控制

<address>…</address> 地址

<del>…</del> 删除(删除线)

<ins>...</ins> 修改(下划线)

<strong>…</strong> 加强语气(加粗)

<em>...</em> 加强语气(倾斜)

11.格式化

格式:<pre>…</pre>

让书写的文字格式化!格式化标签 保留在html设置的格式 识别手动的空格和换行 很少使用

12.<blockquote>缩排标签</blockquote>可以嵌套,缩排多次

时间: 2024-08-02 06:57:46

HTML学习笔记1—HTML基础的相关文章

加壳学习笔记(二)-汇编基础

7.简单的汇编语法:   堆栈平衡  PUSH,POP功能: 把操作数压入或取出堆栈语法: PUSH 操作数 POP 操作数格式: PUSH r PUSH M PUSH data POP r POP mPUSHF,POPF,PUSHA,POPA功能: 堆栈指令群格式: PUSHF POPF PUSHA POPAADD,ADC功能: 加法指令语法: ADD OP1,OP2 ADC OP1,OP2格式: ADD r1,r2 ADD r,m ADD m,r ADD r,data影响标志: C,P,A,

卷积神经网络(CNN)学习笔记1:基础入门

卷积神经网络(CNN)学习笔记1:基础入门 Posted on 2016-03-01   |   In Machine Learning  |   9 Comments  |   14935  Views 概述 卷积神经网络(Convolutional Neural Network, CNN)是深度学习技术中极具代表的网络结构之一,在图像处理领域取得了很大的成功,在国际标准的ImageNet数据集上,许多成功的模型都是基于CNN的.CNN相较于传统的图像处理算法的优点之一在于,避免了对图像复杂的

APUE 学习笔记(一) Unix基础知识

1. Unix 体系结构 内核的接口被称为系统调用 公用函数库构建在系统调用接口之上 应用软件既可以调用公用函数库,也可以直接进行系统调用 2. 文件和目录 目录操作函数:opendir---> readdir---> closedir struct dirent 结构体 stat 系统调用 3.程序.进程.线程 程序:存放在磁盘上.并处于某个目录中的一个可执行文件.使用exec系列函数将程序从磁盘读入存储器,并使其执行 进程:程序的执行实体.进程控制的3个函数:fork.exec.waitp

Day3: Python学习笔记之计算机基础——网络片

Day3: Python学习笔记之计算机基础--网络片 什么是互联网协议以及为何要有互联网协议? ?互联网协议本质上是为了方便连接两台计算机而指定的一系列统一的标准. osi五层模型 计算机之间要实现数据传输必须要经过以下五层协议: ? 模型 ,协议 ,硬件 ? 应用层, http协议.用户自定义协议 ? 传输层, TCP/UPD协议 ,四层交换机.四层路由器 ? 网络层, IP协议, 三层交换机.路由器 ? 数据链路层, 以太网.电信号分组, 网桥.以太网交换机.网卡 ? 物理层, 传递电信号

[Spring MVC]学习笔记--基础Servlet

Servlet是一个用Java编写的应用程序,在服务器上运行,处理请求的信息并将其发送到客户端. Servlet的客户端提出请求并获得该请求的响应. 对于所有的客户端请求,只需要创建Servlet的实例一次(这是和CGI(Common Gateway Interface)的重要区别,CGI是每个请求创建一个新实例),因此节省了大量的内存. Servlet在初始化后即驻留内存中,因此每次作出请求时无需加载. 下面通过一个例子来介绍如何编写一个简单的Servlet. 准备工作: 1. 下载并启动To

[A8 学习笔记] A8 汇编基础

A8 处理器工作模式 这点和以往的 arm7 arm11 是一致的.有8个工作模式: 用户模式是通常的ARM程序的执行状态,并用于执行大多数应用程序 快速中断(FIQ)模式是用于处理快速中断 中断(IRQ)模式是用于通用的中断处理 管理模式是一个操作系统保护模式 中断模式是当数据出错或者预取指令出错时进入的模式 系统模式是操作系统的一个特权用户模式 未定义的模式进入一个未定义指令异常发生时 监控方式为安全扩展安全模式安全监控代码. 除了用户模式模式统称为特权模式.特权模式用于服务中断或异常,或访

Linux程序设计学习笔记----多线程编程基础概念与基本操作

转载请注明出处,http://blog.csdn.net/suool/article/details/38542543,谢谢. 基本概念 线程和进程的对比 用户空间资源对比 每个进程在创建的时候都申请了新的内存空间以存储代码段\数据段\BSS段\堆\栈空间,并且这些的空间的初始化值是父进程空间的,父子进程在创建后不能互访资源. 而每个新创建的线程则仅仅申请了自己的栈,空间,与同进程的其他线程共享该进程的其他数据空间包括代码段\数据段\BSS段\堆以及打开的库,mmap映射的文件与共享的空间,使得

深度学习(DL)与卷积神经网络(CNN)学习笔记随笔-01-CNN基础知识点

第一天<CNN基础知识点>From:Convolutional Neural Networks (LeNet) 神经认知机. CNN的灵感来源在诸多论文中已经讲得很全面了,就是伟大的生物发现Receptive Field(感受野细胞).根据这个概念提出了神经认知机.它的主要作用就是Recept部分图像信息(或特征),然后通过分层递交相连,将各个局部特征组合成整个图像特征. 需要仔细阅读的论文包括: (1) 第一篇关于感受野功能的论文Receptive fields and functional

Scala学习笔记一之基础语法,条件控制,循环控制,函数,数组,集合

前言:Scala的安装教程:http://www.cnblogs.com/biehongli/p/8065679.html 1:Scala之基础语法学习笔记: 1:声明val变量:可以使用val来声明变量,用来存放表达式的计算结果,但是常量声明后是无法改变它的值的,建议使用val来声明常量: 声明var变量:如果要声明可以改变的引用,可以使用var变量,声明的常量的值可以改变. 3:指定类型:无论声明val变量还是声明var变量.都可以手动指定其类型,如果不指定,scala会自动根据值,进行类型

【JAVAWEB学习笔记】25_基础加强:类加载器、注解 @xxx和动态代理

基础加强 学习目标 案例-自定义单元测试@MyTest 案例-全局的编码的解决 一.类加载器 1.什么是类加载器,作用是什么? 类加载器就加载字节码文件(.class) 2.类加载器的种类 类加载器有三种,不同类加载器加载不同的 1)BootStrap:引导类加载器:加载都是最基础的文件 2)ExtClassLoader:扩展类加载器:加载都是基础的文件 3)AppClassLoader:应用类加载器:三方jar包和自己编写java文件 怎么获得类加载器?(重点) ClassLoader 字节码