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

HTML简介

时间:2019-03-16 16:56:24      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:list   例子   含义   print   罗马数字   note   命名   第一个   src   

一、概念

超文本标记语言(HyperText Markup Language,HTML)是一种用于创建网页的标准标记语言。HTML是一种基础技术,常与CSS、JavaScript一起被众多网站用于设计赏心悦目的网页、网页应用程序以及移动应用程序的用户界面[3]。网页浏览器可以读取HTML文件,并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现,使之成为一种标记语言而非编程语言。

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

二、HTML结构

HTML由一组标签组成。HTML的基本结构

 <html>

   <head>

     <title>第一个HTML示例</title>

   </head>

   <body>  

<!--编辑你的HTML-->

   </body>

 </html>

HTML在浏览器中运行。HTML是纯文本文件,所以可以使用任何一款文本编辑器编辑。比如电脑自带的记事本,强烈推荐notepad++.
三、常用的HTML标签

块级标签:<div> <h> <ul> <li> <p> <form>  占满一行,可以设置宽,高

行级标签:<span> <a>  只占用自己的大小,不可以设置宽,高。

行内块标签:<img> <input>   只占用自己的大小,但可以设置宽,高。 

换行标签:<br/>

空格:$nbsp

<!--注释 -->

<a>标签

a标签的一些常用属性:href、title、target、name(锚记时用)

<a  href="目标网址"  title="鼠标滑过显示的文本"  target="_blank">链接显示的文本</a>  _blank在新窗口中打开,_self在自己的窗口中打开

<a>中还可以嵌套图片,这样就是点击图片打开链接

<a href="www.baidu.com">
    <img src="aaa.jpg" />
</a>

列表与表格标签

无序列表标签<ul>。

格式:

   <ul type=""><li></li></ul>

ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点  默认会在css初始化的时候用:list-style: none;

   type设置标号的类型,值可以取:

   1 disc :实心圆点

   2 circle  :空心圆点

   3 square  :实心方块

有序列表的每项都有连续的编号。

格式

<ol type="" start="">

 <li></li>

type设置标号的类型,值可以取:

  1:显示数字

  A:显示大写字母

  a:显示小写字母

  I:显示大写罗马数字

  i:显示小写罗马数字

start取值:数字

嵌套列表:一个列表作为另一个列表的一部分,即多层列表。

HTML中的表格通过<table>、<tr>、<td>、<th>四个标签完成。 (现在用的很少了,基本都用现成的表格UI组件)

cellspacing、cellpadding 在tale便签上写,清除单元格之间的空隙和单元格内的填充

rowspan、colspan 在td单元格内写,合并单元格的行和列

四、属性

开始标签可能会包含额外的信息,正如前面的例子所示。这样的信息被称为属性。属性通常由两部分组成:属性名,属性值 

  • 一些属性可能只有一个值。它们是Boolean属性,它们可以只指定属性名或让属性值为空的方式被简写。因此,以下例子中的3条代码具有相同含义:

属性值由单个单词或数字组成,但必须用引号(单引号或双引号)关闭包含空格的值。许多开发者常用引号来这样避免错误:

<p class=foo bar> <!--(Beware , this probably does not mean what you think it means.)-->

在该例中,值被假定为”foo bar”,没有使用引号,该代码的含义为:

<p class="foo" bar="">

五、其它

命名字符引用

命名字符引用(常被称为实体)被用来打印在HTML中具有特定意义的字符。如HTML解释小于和大于符号作为标签分隔符。当想在文本中展示大于字符时,可以使用命名字符引用。您需要知道一下四种命名字符引用:

&gt;表示大于符号(>)
&lt;表示小于符号(<)
&表示&符号
"表示双引号

这里还有更多的实体,但以上四个是最重要的,因为他们代表HTML中具有特殊含义的字符。

HTML简介

标签:list   例子   含义   print   罗马数字   note   命名   第一个   src   

原文地址:https://www.cnblogs.com/catya/p/10542852.html

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