<meta>:是进行网页格式初始化的命令,确定网页使用的文本格式和编码格式

Background:中的路径,必须为相对路径

l  HTML文本标记

  1. <b>HTM文本</b>:加粗
  2. <i> HTM文本</i>:斜体
  3. <u> HTM文本</u>:下划线
  4. <s> HTM文本</s>:删除线
  5. <sup> HTM文本<sup>:添加上标  例:a<sup>2</sup> 显示效果:a2

<sub> HTM文本</sub>:添加下标 例:log<sub>2</sub> 显示效果:log2

7:<font></font>:文本格式

1:size :字体的大小 取值1-7    1最小,7最大

2:color:字体颜色

3:face:字体 例:宋体,楷体,黑体等

效果:

案例:

源码:

l  排版标记:排版标记的嵌套规则,块标记嵌套行标记

1:<h1>HTML文本</h1>:段落标题  最多可以到h6

常用属性:align:水平对齐方式   取值:left左对齐,center居中,right右对齐

2:<p>HTML文本</p>:表示一个段落(段落与段落之间有一个空行)

常用属性:align:水平对齐方式   取值:left左对齐,center居中,right右对齐

3:<br>换行标记

4:<hr>水平线,用来分隔页面

属性:(1):size 水平线的粗细,单位为像素px

(2):color: 水平线的颜色

(3):width 水平线的宽度  百分比单位

(4):noshade 去掉水平线的阴影 不需要赋值 例如:<hr noshade>

5:<pre>HTML文本</pre>预排版标记

将保留HTML文本中所有的空白字符,换行符

<div>与<span>标记   (双边标记)  //注:这两种标记,是用来做网页布局使用,是十分常用的标记

<div>没有任何意义的标记,但是也是使用最多的标记。是一个块元素,通常与CSS配合使用

<span>没有任何意义的标记,但是也是使用最多的标记。是一个行元素,通常与CSS配合使用

(1):块元素,无论内容有多少都是,他都会沾满一行

块元素:<p>,<h1,><h2>,<pre>,<div>

(2):行元素, 行内元素,不会独占一行

多个行内元素,会排在同一行

行元素:<font>,<i>,<u>,<sup>,<sub>,<span>

HTML项目符号(无序)   

HTML项目符号(有序)、

<ol>

<li>项目1</li>

<li>项目2</li>

</ol>

效果:

  1. 项目1
  2. 项目2

常用属性

type:项目符号类型  取值:1,a,A,(及任何有序数列的第一个字开始)

例如<ol type=”a”>

start:从第几个编号

滚动字幕标记<marquee>      //注:滚动字幕基本是不用此种方法,而是采用JavaScript,这种方式以后进行讲解

<marquee>滚动字幕的内容</marquee>

u        ScrollDelay:两步之间的停留时间

u        loop:循环滚动的次数

web从入门开始(3)-----第一个网页的更多相关文章

  1. #WEB安全基础:HTML/CSS | 0x0 我的第一个网页

    #WEB安全基础:HTML/CSS系列,本系列采用第二人称以免你不知道我在对着你说话,以朋友的视角和你交流 HTML的中文名叫做超文本标记语言,CSS叫做层叠样式表 用HTML设计你的第一个网页,你需 ...

  2. web前端入门:一小时学会写页面

    一小时学会写页面 作为一个懒癌晚期患者,总是习惯找各种简单的解决问题的方法,也习惯性把问题简单化,所以今天想分享给大家简单的web前端入门方法.既然题目已经定了一个小时那么废话就不多说了,计时开始 1 ...

  3. 在MyEclipse下创建Java Web项目 入门(图文并茂)经典教程

    http://jijiaa12345.iteye.com/blog/1739754 在MyEclipse下创建Java Web项目 入门(图文并茂)经典教程 本文是一篇在Myeclipse下构建Jav ...

  4. Java Web快速入门——全十讲

    Java Web快速入门——全十讲 这是一次培训的讲义,就是我在给学生讲的过程中记录下来的,非常完整,原来发表在Blog上,我感觉这里的学生可能更需要. 内容比较长,你可以先收藏起来,慢慢看. 第一讲 ...

  5. Web开发入门学习笔记

    公司web项目终于要启动了,本以为django学习可以在实战中进行,结果最终使用了Drupal框架,好吧,那我们就PHP走起,买了本<细说PHP>,先跟着过一遍Web开发入门. HTTP协 ...

  6. web前端该怎么入门?web前端入门教程(非常详细)

    初学编程的小伙伴经常会遇到的问题,1.没资源 2.没人带 3.不知道从何开始 ,小编也是从新手期过来的,所以很能理解萌新的难处,现在整理一些以前自己学习的一些资料送给大家,希望对广大初学小伙伴有帮助! ...

  7. Python Web自动化测试入门与实战,从入门到入行

    Python Web自动化测试入门与实战 购买地址 · 京东:https://item.jd.com/69239480564.html   天猫:https://detail.tmall.com/it ...

  8. Web API 入门指南 - 闲话安全

    Web API入门指南有些朋友回复问了些安全方面的问题,安全方面可以写的东西实在太多了,这里尽量围绕着Web API的安全性来展开,介绍一些安全的基本概念,常见安全隐患.相关的防御技巧以及Web AP ...

  9. django学习记录--第一个网页“hello django”

    一.安装django 下面两种方法任选其一 1.pip或easy_install 安装 pip install django easy_install django 2.到django官网(https ...

  10. 转载-Web API 入门

    An Introduction to ASP.NET Web API 目前感觉最好的Web API入门教程 HTTP状态码 Web API 强势入门指南 Install Mongodb Getting ...

随机推荐

  1. 【js 编程艺术】小制作四

    1. html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <t ...

  2. 【python基础】 Tkinter 之 几何管理器

    Tkinter支持三种几何管理器:网格管理器,包管理器,位置管理器 提示:由于每个管理器都有自己放置小构件的风格,最好不要在同一个容器中的小构件使用多个管理器.可以使用框架作为子容器以获取期望的布局. ...

  3. node之路由介绍

    路由介绍 ----路由是指向客户端提供它所发出的请求内容的机制:----对基于 Web 的客户端 / 服务器端程序而言,客户端在 URL 中指明它想要的内容,具体来说就是路径和查询字符串 下面我看看一 ...

  4. 第七届蓝桥杯javaB组真题解析-凑算式(第三题)

    题目 /* 凑算式 B DEF A + --- + ------- = 10 C GHI (如果显示有问题,可以参见[图1.jpg]) 这个算式中A~I代表1~9的数字,不同的字母代表不同的数字. 比 ...

  5. OSS.Common扩展.Net Standard支持实例分享

    上篇(.Net基础体系和跨框架开发普及)介绍了.Net当前生态下的大概情况,也分享了简单实现的过程,这篇文章就是讲解我的OSS.Common项目扩展.Net Standard 支持的过程,主要集中在: ...

  6. JAVA中的栈和堆

    JAVA在程序运行时,在内存中划分5片空间进行数据的存储.分别是:1:寄存器.2:本地方法区.3:方法区.4:栈.5:堆. 基本,栈stack和堆heap这两个概念很重要,不了解清楚,后面就不用学了. ...

  7. Runloop -------iOS

    正文 1.Runloop是什么? Runloop是线程的基础架构部分.是一个事件循环处理.是用来不停的调配工作(可以节省CPU)和处理输入事件(输入源(input source)和定时源(timer ...

  8. simple-spa 一个简单的单页应用实例

    上两篇文章说过要写一个简单的单页应用例子的, 迟迟没有兑诺, 实在有愧 哈哈.这篇写给小白用户哈. 正好趁今天风和日丽,事情不多, 把从项目里的代码扣取了一下, 整理了一个简单的例子.因为我们生产项目 ...

  9. MySQL索引创建、删除、查看

    主键索引   PRIMARY KEY索引仅是一个具有名称PRIMARY的UNIQUE索引.这表示一个表只能包含一个PRIMARY KEY,因为一个表中不可能具有两个同名的索引. ALTER TABLE ...

  10. 使用jmeter进行APP接口测试经验总结

    声明:我觉得文章不错想保存,如果带来不便请联系我. 使用工具: Fiddler.Jmeter 测试步骤: 1.    确认接口 从开发人员那里获取接口文档,接口文档应该包括完整的功能接口.接口请求方式 ...