码迷,mamicode.com
首页 > Web开发 > 详细

HTML_基础篇

时间:2016-11-03 18:17:26      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:语法   换行   字体   语言   back   信息   pre   round   最大   

一、HTML的概述

  1. 什么事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

  1. 创建一个HTML文件
  2. 创建一个标题标签  
  3. 创建一个水平线标签
  4. 创建两个段落标签
  5. 使用字体标签对段落里的 内容进行修饰

                        代码实现

<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>                

 

  

 

HTML_基础篇

标签:语法   换行   字体   语言   back   信息   pre   round   最大   

原文地址:http://www.cnblogs.com/f-s-q/p/6027576.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!