HTML+CSS入门 网站信息显示页面详解
沉沙 2018-08-16 来源 : 阅读 705 评论 0

摘要:本篇教程介绍了HTML+CSS入门 网站信息显示页面详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门。

本篇教程介绍了HTML+CSS入门 网站信息显示页面详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门。

<

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文件,命名为网站信息显示页面,代码如下:

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>网站信息显示页面</title>
 6     </head>
 7     <body>
 8         <!--1.创建一个标题标签-->
 9         <h2>皮囊师</h2>
10         
11         <!--2.创建一条水平线标签-->
12         <hr />
13         
14         <!--3.分别创建段落标签-->
15         <p>
16         <font color="red">演皮影戏的师傅</font>正弓着背在一张矮桌子上修补坏了的皮影。他的手边有好多皮影,有红有绿,有男有女,有兔有马,仿佛一个完整的世界。而他,就是那个世界的造物主。      
17         </p>
18         
19         <p>    
20         世人皆知<b>皮囊师</b>,而很少听说<i>操控师</i>,是因为绝大部分人只注重容颜,而不注重行为举止。皮囊师兴盛于皇城,尤其后宫,操控师也兴盛于皇城,但在后宫不如皮囊师受欢迎。只有少数皇帝的嫔妃知道,容颜只能引起皇帝的注意,但那只是一时之兴,而行为举止才能让皇帝处久不厌。于是,宫中出现了一种女官,名为司仪,授九品衔。司仪专门教宫中女人举止仪态,后来又教一些关系亲密的嫔妃如何勾引皇帝,让皇帝恋恋不舍,尽可能多地逗留。
21         </p>
22         
23     </body>
24 </html>

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

本文由职坐标整理发布,欢迎关注职坐标WEB前端HTML/CSS频道,获取更多HTML/CSS知识!

本文由 @沉沙 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程