1、语法和规范

HTML文件都是以.html或者.htm结尾的。建议使用.html结尾。
HTML文件分为头部分(<head></head>)和体部分(<body></body>)
HTML标签都是由开始标签和结束标签组成。(<hr />)
HTML标签不区分大小写，建议使用小写。

2、HTML相关标签学习

　　2.1标题标签

　　标题标签使用<hn />,n从1到6字体大小逐渐变小，超过6的按6显示
　　　　特点：加粗加黑，单独占用一行，与其他行有一定行间距
　　　　注释：<!--注释内容--> 快捷键Ctrl+/

　　2.2水平线标签

　　水平线标签 <hr />

　　2.3段落标签

　　段落标签<p></p>

　　2.4字体标签

　　字体标签<font></font>
　　必须结合其属性才能具备一定的样式效果。

　　　　　　属性：size:指定内容的大小（从1到7逐渐变大，超过7的按照7来显示）
　　　　　　　　   color：指定内容的颜色（可以是英文单词，也可以是十六进制）
　　　　　　　　   face：指定内容的字体（那些字体必须是你本机已经有的）

　　加粗：<b></b>
　　斜体：<i></i>
　　下划线：<u></u>

　　注意：HBuilder同样支持Alt+/自动输出提示。

3、在HBuilder中新建HTML文件，命名为网站信息显示页面，代码如下：

 <!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title>网站信息显示页面</title>

     </head>

     <body>

         <!--1.创建一个标题标签-->

         <h2>皮囊师</h2>

         <!--2.创建一条水平线标签-->

         <hr />

         <!--3.分别创建段落标签-->

         <p>

         <font color="red">演皮影戏的师傅</font>正弓着背在一张矮桌子上修补坏了的皮影。他的手边有好多皮影，有红有绿，有男有女，有兔有马，仿佛一个完整的世界。而他，就是那个世界的造物主。     

         </p>

         <p>

         世人皆知<b>皮囊师</b>，而很少听说<i>操控师</i>，是因为绝大部分人只注重容颜，而不注重行为举止。皮囊师兴盛于皇城，尤其后宫，操控师也兴盛于皇城，但在后宫不如皮囊师受欢迎。只有少数皇帝的嫔妃知道，容颜只能引起皇帝的注意，但那只是一时之兴，而行为举止才能让皇帝处久不厌。于是，宫中出现了一种女官，名为司仪，授九品衔。司仪专门教宫中女人举止仪态，后来又教一些关系亲密的嫔妃如何勾引皇帝，让皇帝恋恋不舍，尽可能多地逗留。

         </p>

     </body>

 </html>

保存文件，点击在浏览器内运行，效果如下:

HTML基础——网站信息显示页面的更多相关文章

  1. HTML基础——网站友情链接显示页面

    1.列表标签 有序列表:type默认是1,2,3……,reserved指降序排列 <ol type="I" start="" reversed=" ...

  2. laravel基础课程---4、Laravel基础网站结构搭建

    laravel基础课程---4.Laravel基础网站结构搭建 一.总结 一句话总结: 1.搭建网站前后台路由:在路由组Route::group()中设置好命名空间和前缀 2.搭建控制器:比如1)新建 ...

  3. 利用 jQuery 操作页面元素的方法，实现电商网站购物车页面商品数量的增加和减少操作，要求单项价格和总价随着数量的改变而改变

    查看本章节 查看作业目录 需求说明: 利用 jQuery 操作页面元素的方法,实现电商网站购物车页面商品数量的增加和减少操作,要求单项价格和总价随着数量的改变而改变 当用户单击"+" ...

  4. Bootstrap <基础二十三>页面标题（Page Header）

    页面标题(Page Header)是个不错的功能,它会在网页标题四周添加适当的间距.当一个网页中有多个标题且每个标题之间需要添加一定的间距时,页面标题这个功能就显得特别有用.如需使用页面标题(Page ...

  5. 如何在一个网站或者页面写js

    如何在一个网站或者页面写js: 1. JS的分层(功能):jquery(tools)  组件(ui)  应用(app).mvc(backboneJS) 2. JS的规划(管理):避免全局变量和方法(命 ...

  6. 用Teleport Ultra下载网站全部页面 爬虫

    测试case,就是把Commons-FileUpload 的API下载来   上网查的时候我才发现这是一个由很多页面组成的网站,下载起来很麻烦.   怎么办呢?呵呵,一定是有办法的.Teleport ...

  7. php的借用其他网站的页面覆盖Logo的技巧

    php的借用其他网站的页面覆盖Logo的技巧, <body> <div id="red_f"></div> <div class=&quo ...

  8. 【ASP.NET 问题】ASP.NET 网站404页面返回200，或者302的解决办法

    做网站在优化网站时遇到了跳转404页面却返回 200.302状态的问题,这样的话搜索引擎会认为这个页面是一个正常的页面,但是这个页面实际是个错误页面,虽然对访问的用户而言,HTTP状态码是“404”还 ...

  9. HTML&CSS——网站注册页面

    1.表单标签 所有需要提交到服务器端的表单项必须使用<form></form>括起来! form 标签属性:  action,整个表单提交的位置(可以是一个页面,也可以是一个后 ...

随机推荐

  1. Sqlite基本命令集合（linux/fedora/ubuntu）

    注:fedora自带sqlite3,无需安装,直接输入命令sqlite3即可. ------------Ubuntu在命令行输入sqlite3,确认没有安装在进行--- 1.安装sqlite3 ubu ...

  2. Android 长按识别图中二维码 zxing

    #基于 Zxing, 初学Android 代码质量不高 //长按,通过zxing读取图片,判断是否有二维码 bigImage.setOnLongClickListener(new View.OnLon ...

  3. Android7.0打开sdacrd图片问题

    1.点击item,通过intent打开指定路径的图片. 2.测试6.0,5.0正常运行代码: File file=new File(item.address): Intent intent = new ...

  4. js 基本基础知识回顾

    js中的一切的变量.函数.操作符等等都是区分大小写的. js的基本的数据类型->包含下面的5种: 1.undefined 2.Null 3.Boolean 4.Number 5.String j ...

  5. mysql面试几个问题

    1.为什么InnoDB表最好要有自增列做主键? InnoDB引擎表是基于B+树的索引组织表(IOT) 关于B+树 (图片来源于网上) B+ 树的特点: a.所有关键字都出现在叶子结点的链表中(稠密索引 ...

  6. Declarative programming-声明式编程-布局约束是一个案例

    声明式编程需要底层或运行时环境支持. 声明式语言的关键词确定了执行的关键控制流. 表述编程语言是说明性的东西:而不是具体的执行方案. 通常他的执行由解释器进行. In computer science ...

  7. 第十一章 Python之异常处理

    异常 异常时程序运行时发生错误的信号(在程序错误时,则会产生一个异常,若程序没有处理,则会抛出该异常,程序的运行也随之终止) 常见的异常类型AttributeError 试图访问一个对象没有的树形,比 ...

  8. 1.Vector(同步)和ArrayList(异步)异同

    Vector线程同步,线程安全   ArrayList的运行速度较快,因为没有使用线程 请求方式:同步   异步未响应=假死 原因:1.占用内存过多,内存无法进行处理  2.并发量(本机的浏览器进行访 ...

  9. node——Commonjs

    ECMA只规范了js最近的一些能力,并没有规范当要用js写一个庞大的项目如果使用模块化开发. CommonJS规范了当我们想开发大型程序的时候如何模块化来开发,以及模块化的时候,不同文件的通讯. Co ...

  10. Vue的数据依赖实现原理简析

    首先让我们从最简单的一个实例Vue入手: const app = new Vue({ // options 传入一个选项obj.这个obj即对于这个vue实例的初始化 }) 通过查阅文档,我们可以知道 ...