CSS+HTML(二)------HTML标签(一)

一.标签的语法:

1. 标签由英文尖括号<>括起来,如<html>就是一个标签。

2. html中的标签一般都是成对出现的,分开始标签结束标签。结束标签比开始标签多了一个/

如:

(1) <p></p>

(2) <div></div>

(3) <span></span>

3. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。如下图所示。

4. HTML标签不区分大小写,<h1><H1>是一样的,但建议小写,因为大部分程序员都以小写为准。

二.认识html文件基本结构

这一节中我们来学习html文件的结构:一个HTML文件是有自己固定的结构的。

<html>
    <head>...</head>
    <body>...</body>
</html>

1. <html></html>称为根标签,所有的网页标签都在<html></html>中。

2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title><script>、 <style><link>、 <meta>等标签,头部标签在下一小节中会有详细介绍。

3. 在<body></body>标签之间的内容是网页的主要内容,如<h1><p><a><img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。

三.认识head标签。

下面我们来了解一下<head>标签的作用。文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

下面这些标签可用在 head 部分:

<head>
    <title>...</title>
    <meta>
    <link>
    <style>...</style>
    <script>...</script>
</head>

<title>标签:在<title>和</title>标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。

时间: 2024-10-14 07:00:09

CSS+HTML(二)------HTML标签(一)的相关文章

CSS+HTML(二)------HTML标签(三)

1.<q></q>标签:"q" for quote表示引用,当我们需要引用一段话(如名言)的时候,可以使用该标签,被包裹的内容将被加上双引号表示引用,一般用于短文本,长文本使用接下来要介绍的<blockquote>标签. 2.<blockquote></blockquote>标签:块引用,与<q>标签不同的是,块引用是针对于长文本而使用的,并且被包裹内容不会被加上双引号,而是首尾缩进显示. 代码如下: <bl

CSS(二)标签显示模式

标签显示模式 一)块级元素(block-level) 每个块级元素都会独自占一行或者多行,可以对其设置宽度(默认是容器的100%).高度及对齐等, 可以容纳内联元素或者其他块元素(p.h1不要包裹其他块级元素). 典型的又:div.table.ul.p.h1等. 二)内联元素(inline-level) 内联元素不占有独立的区域,仅仅靠自身的字体大小和图像尺寸来支撑结构,一般不可以设置宽度(默认为本身内容的宽度).高度.对齐等属性, 但水平方向上的padding和margin可以设置,只能放文本

CSS+HTML(二)------HTML标签(二)

上一篇简单的介绍了一下HTML的语法结构,基本的使用方法.今天就总结一下HTML中的众多标签. 1.<body></body>:"body" for body(个人认为如果能记住标签英文字母所代表的单词的中文意思更有助于我们记忆与使用)顾名思义,是网页的主体,在网页上所要展现的内容都要放在body中. <body> <h1>了不起的盖茨比</h1> <p>1922年的春天,一个想要成名名叫<em>尼克•

数往知来 CSS&lt;十二&gt;

div+css基础 一.外部样式<!--外部样式可以使网页与样式分离,分工处理 1.写网页,主要提供内容,一般都会有固定的结构,具有id等属性的标签包括特定的内容 2.根据结构写样式另存为css后缀文件 3.在html页中的head标签中加入样式表     <link type="text/css" rel="stylesheet" href="sss.css"> --> <p id="p2"&g

Bootstrap&lt;基础二十&gt; 标签

Bootstrap 标签.标签可用于计数.提示或页面上其他的标记显示.使用 class .label 来显示标签,如下面的实例所示: <!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 标签</title> <link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <s

前端之HTML,CSS(二)

前端之HTML,CSS(二) HTML标签 列表标签 无序列表:闭标签,由<ul><li></li>...</ul>组合而成,效果成纵向列表.格式:<ul><li>content</li><li>content</li>...</ul>,<ul>标签中只能嵌套<li>标签,<li>标签作为容器,包含内容,内容可以是文本或者其他元素. 1 <!DO

Html5开发——html+css基础二(个人博客一)

今天没有写完,而且写的还有点问题,所以今天就先不上传代码了(ps:快写完了才发现布局有问题,导致代码太多,感觉写的不是很好,所以今天先分析一下布局) 第一步先写一个大的div用来放ABC三个部分,这个大的div居中! 第二步分别写ABC三个部分,ABC三个部分分别使用浮动(float)来定位.A和B都各使用了一张非常小的图片,通过重复(repeat)属性生成A和B 第三步C部分分别写好3~16这几个模块,在通过组合利用浮动定位.分组如下: E:3 F:4.7.10.13 G:5.8.11.14

html+css学习笔记 2[标签]

img标签/a标签 <img src="图片地址" alt="图片名"/>  图片(单标签)alt属性 是图片名字,是给百度搜索引擎抓取使用:     a标签: 链接/下载/锚点 href地址等于标签id     target 链接打开方式     blank  新窗口     self     当前窗口     <base target="_blank"/> 定义页面链接默认打开方式   常见标签 div        

CSS技巧二

元素缩写 font中属性的放置顺序是严格遵守的,否则不会生效. Font:font-style font-weight font-size font-familiy;(注:font-size和font-family是font的必须属性,并且font-size一定要放在font-family的前面) Margin:margin-top margin-right margin-bottom margin-bottom ; Padding:padding-top padding-right paddi