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

HTML常见标签

时间:2017-10-06 18:37:28      阅读:370      评论:0      收藏:0      [点我收藏+]

标签:style   设置   tab   解析   text   img   标题   浏览器   sharp   

HTML(HpperText Makeup Languege):超文本标记语言。该语言书写的代码通常会被浏览器解析执行。

CSS(Cascading Style Sheets):层叠样式表。用于定义HTML文档的样式(外观)。

HTML决定了决定了文档的内容结构,CSS决定了文档的样式。

 

在css中,html的标签元素大概分为三种不同的类型:块状元素内联元素(行内元素)、内联块元素

常见的块状元素有<div>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<ol>、<ul>、<dl>、<table>、<adress>、<blockquote>、<form>

常见的块状内联元素有<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

常见的内联块元素有<img>、<input>

 

元素的基本构成:起始标签(标记)+元素内容+结束标签(标记)

例如:

<a href="目标网址">元素内容<a>

其中a标记表示这是一个超链接

元素内容表示在页面直接显示的内容

href为属性名,表示在点击元素内容后,会跳转到双引号内的目标网址。

head元素:文档头,是html的第一个元素。可以包含一些其他元素,用于描述页面的附加信息。

内容是不会显示到页面上的。通常包含<title><meta><title>:文档标题,该标题会显示在标题栏或标签页上。

<meta>:页面相关的附加信息,这是一个空元素

有些元素只有只含有标记名和属性,我们称这类元素为空元素。书写方式:<标记名 属性>或<标记名 属性/>

例如:

<meta charset="UTF-8">

为获取更好的地域兼容器,避免乱码,应将字符编码集设置为“UTF-8”,并且将其作为head的第一个子元素。

 

<body>:文档体,网页中所有可见内容都放置其中。

无序列表<ul>通常用作导航

 

<ul>
    <li> 内容一</li>
    <li> 内容二</li>
</ul>

显示结果:.内容一
      .内容二

 

 

有序列表<ol>:一般用于在时间上具有逻辑顺序的

 

<ol>早上醒来:
    <li>刷牙</li>
    <li>洗脸</li>
    <li>吃早餐</li>
</ol>

显示结果:早上醒来:1.刷牙
          2.洗脸
          3.吃早餐

 自定义列表<dl>:

<dl>
    <dt>HTML术语</dt>
    <dd>对HTML术语的解释内容</dd>
</dl>

段落标签<p>

预格式文本<pre>:在html中怎么写就怎么展示出来

大段引用<blockquote>

 

 

 

 

 

 



HTML常见标签

标签:style   设置   tab   解析   text   img   标题   浏览器   sharp   

原文地址:http://www.cnblogs.com/Jialing825/p/7631930.html

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