什么是 HTML? 

 HTML:Hyper Text Markup Language :超文本标记语言。  

         超文本:功能比普通文本更加强大  

         标记语言:使用一组标签对内容进行描述的语言,它不是编程语言 

HTML 的语法和规范 

       html文件都是以.html 或者.htm 结尾的,建议使用.html 结尾!

       html 文件分为头部分<head></head>和体部分<body></body>。

       html 标签都是由开始标签和结束标签组成(<hr />)。

       html 标签忽略大小写,建议小写。   

模板:
HTML之初见

以上使用的标签组成了HTML页面的基本结构,标签的陈述:

         <html> 整个页面的根标签,理论上一个页面只需要一个,由头和体组成。

        <head> 头标签,用于引入脚本、导入样式、提供元信息等,一般情况下头标签的内容在浏览器中都不显示。

        <title>  子标签,用于显示器标题

        <body> 体标签,是整个网页的主体,编写的HTML代码基本都在此标签中。

使用浏览器打开效果:

HTML之初见

 一些标签的介绍:

(1)、标题标签:<hn>

html提供<hn>系列标签,用于修饰标题,包含:<h1>、<h2>、<h3>、<h4>、<h5>、<h6>,

<h1>定义为最大标题,<h6>定义为最小标题;  例:<h1>标题</h1>

(2)、标题标签:<hr>

<hr/>标签在HTML页面中创建一条水平分隔线,用于定义内容中的主题变化。

        size属性:水平线的高度,单位像素

        noshade属性:没有阴影.取值:noshade,表示显示纯色

例如:

HTML之初见

(3)、字体标签:<font>

<font>用于设置字体尺寸、字体颜色等.

   size属性:设置字体的大小。可能的值:从1到7的数字。浏览器默认值是3。

   color属性:设置字体的颜色

           颜色的取值:#xxxxxx或colorname

                     #xxxxxx表示使用红绿蓝三原色设置颜色。

            红绿蓝分别取值:oo--FF,此处使用16进制。(FF就是十进制的255)

                    #O00000表示黑色,#FFFFFF白色

                    #FF0000红色,#00FF00绿色,#0000FF蓝色

            红绿蓝2位取值相同可以省略成1位.例如:#112233简化成#123

            colorname使用英文单词确定颜色。red红色,blue蓝色,green绿色

例:

HTML之初见

(4)格式化标签:<b>  <i>

       <b>    粗体           例如: <b>粗体 </b>

       <i>     斜体           例如:<i> 斜体</i>

(5)、段落标签:<p>    <br/>

<p>    定义段落,p标签会自动在其前后创建一些空白

<br/> 插入单个换行

(6)、图片标签:<img>

<img> 在html页面中引用一张图片 

  • src:指定需要显示图片的URL(路径)。
  • alt:图片无法显示时的替代文本.
  • width:设置图像的宽度。
  • height:定义图像的高度。 :

HTML之初见

(7)列表标签

<ol>定义有序列表。
type列表类型,取值:A、a、

<ul>定义无序列表。
type符号的类型,取值:disc 实心圆、square方块、circle空心圆

<li>定义列表项。是<ul>或<ol>的子标签

HTML之初见

 HTML之初见

(8)、超链接标签<a>

<a>标签是超链接,是在html页面提供一种可以访问其他位置的实现方式。

  • href:用于确定需要显示页面的路径(URL)
  • target:确定以何种方式打开href所设置的页面。常用取值:_blank、_self等

         _blank在新窗口中打开href确定的页面。

         _self默认。使用href确定的页面替换当前页面。

HTML之初见

(9)、表格标签<table><tr><td>

HTML表格由<table>标签以及一个或多个<tr>、<th>或<td>标签组成。

<table>是父标签,相当于整个表格的容器

  • border   表格边框的宽度。
  • width     表格的宽度。
  • cellPadding  单元边沿与其内容之间的空白.
  • cellspacing  单元格之间的空白.
  • bgcolor  表格的背景颜色.

<tr>标签用于定义行

<td>标签用于定义表格的单元格(一个列)

  • colspan单元格可横跨的列数。
  • rowspan单元格可横跨的行数。
  • align单元格内容的水平对齐方式,取值:left左、right右、center居中。
  • nowrap单元格中的内容是否折行。

<th>标签用于定义表头。单元格内的内容默认居中、加粗。

 

相关文章: