设为首页 收藏本站
查看: 1014|回复: 0

[经验分享] HTML_基础篇

[复制链接]

尚未签到

发表于 2017-6-21 17:46:07 | 显示全部楼层 |阅读模式
  一、HTML的概述


  • 什么是HTML?


  •     html:Hyper Test Markup Language 超文本标记语言(它不是编程语言!)
  •     超文本:功能比普通的文本更加强大。
  •     标记语言:使用一组标签对内容进行描述的一门语言。
  2.为什么要学习HTML


  •   一般情况下,在一些比较正规的公司,前端和后端是分开 开发的,我们(java)负责后台代码的开发,但也会用到前端相关的页面。如果没有学习相关的技术,就无法看懂别人写的内容。
  3.会在哪些地方使用HTML?


  •   但凡涉及到页面的设计都可以使用HTML技术
  4.如何使用HTML
  HTML的语法和规范
  整个HTML文件是以.html或者.htm结尾的。(这里建议使用.html结尾)
  整个HTMl文件分为头部分<head></head>和体部分<body></body>
  HTML标签都是由开始标签 和 结束标签组成<head></head>,也有一些自闭标签<br />
  HTML标签不区分大小写 (建议使用小写,方便后续的学习,也符合大多数程序员的习惯)
  [字体标签]
  <font>标签
  <font 属性名=“属性值”>文字内容</font>
  color:显示的方式可以是单词,也可以是十六进制的数字。(用于显示文字的颜色)
  size:显示文字的大小,最小为1,最大为7。超过7的按照7的大小显示
  face:显示文字的字体,仅支持电脑本机所含有的字体。
  [拍版标签]
  标题标签
  <hn/>:n代表数组,从1-6逐渐变小[加粗显示,单独占用一行]
  水平线标签
  <hr />:代表一条水平线 不要求掌握其属性。
  段落标签
  <p></p>:代表的是段落
  换行标签
  <br />:让光标进入到下一行,进行换行操作
  字体加粗标签
  加粗:<b></b>
  斜体下划线标签
  斜体:<i></i>
  下划线
  <u></u>
  Demo


  • 创建一个HTML文件
  • 创建一个标题标签  
  • 创建一个水平线标签
  • 创建两个段落标签
  • 使用字体标签对段落里的 内容进行修饰
  代码实现



<html>
<head>
<meta charset="utf-8">
<title>HTML基础篇</title>
</head>
<body>
<h2>网站信息显示页面</h2>
<hr />
<p><font color="red">努力</font>到无能为力,<b>拼搏</b>到<i>感动</i>自己</p>
<p>未来的你 一定会感谢现在<u>拼搏</u>你</p>
</body>
</html>               
    

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-386388-1-1.html 上篇帖子: Web前端学习笔记1 下篇帖子: Hyperparameter Optimization in H2O: Grid Search, Random Search and the Future
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表