排版标签

一、排版标签注释标签

<!-- 注释  --> <!--zhushi -->

段落标签<p>

<p>这是一段文字</p>

属性:align="属性值" left、 right、 center

HTML标签是分等级的,HTML将所有的标签分为两种:

文本级标签:p、span、a、b、i、u、em。文本级标签里只能放文字、图片、表单元素

容器级标签:div、h系列、li、dt、dd。容器级标签里可以放置任何东西。

从学习p的第一天开始,就要死死记住:p标签是一个文本级标签,p里面只能放文字、图片、表单元素不能放标题h。其他的一律不能放。

块级标签 <div>和<span>

div和span是非常重要的标签,div的语义是division“分割”; span的语义就是span“范围、跨度”。

div:把标签中的内容作为一个块儿来对待(division)。必须单独占据一行

区别:<span>和<div>唯一的区别在于:<span>是不换行的,而<div>是换行的

div标签是一个容器级标签,里面什么都能放,甚至可以放div自己。

span也是表达“小区域、小跨度”的标签,但是是一个文本级的标签。

就是说,span里面只能放置文字、图片、表单元素。 span里面不能放p、h、ul、dl、ol、div。

span里面是放置小元素的,div里面放置大东西的。div标签负责布局,负责结构,负责分块。css负责样式

其他

换行标签<br>、水平线标签<hr>、内容居中标签 <center>

预定义(预格式化)标签:<pre>

含义:将保留其中的所有的空白字符(空格、换行符),原封不动的输出结果(告诉浏览器不要忽略空格和空行)

所有的浏览器默认情况下都会忽略空格和空行。

二、字体标签

标题

使用<h1>至<h6>标签进行定义。<h1>定义最大的标题,<h6>定义最小的标题。具有align属性,属性值可以是:left、center、right.<h1 align="center">  中</h1>

字体标签<font>

<font face="verdana" color="green">This is some text!</font>

特殊字符

&nbsp  &lt

粗体标签<b>或<strong> 

下划线标记 <u> 中划线标记<s>

斜体标记 <i>或<em>

上标<sup> 下标<sub>     1<sup>3</sup>

三、超链接

1、外部链接:链接到外部文件。

<a href="http://www.baidu.com" target="_blank">点我 </a>

2、锚链接

指给超链接起一个名字,作用是在本页面或者其他页面的的不同位置进行跳转。比如说,在网页底部有一个向上箭头,点击箭头后回到顶部,这个就是利用到了锚链接。

<a href="a.hhml#name1">回到顶部</a>  那就表示,点击之后,跳转到a.html页面的name1锚点中去。

3、邮件链接

代码举例: <a href="mailto:smyhvae@163.com">点击进入我的邮箱</a>  效果:点击之后,会弹出outlook,作用不大。

超链接的属性

href:目标URL

title:悬停文本

name:设置一个锚点的名称

<a href="09_img.html" title="很好看哦">结婚照</a>

target:告诉浏览器用什么方式来打开目标页面

属性:_self:在同一个网页中显示(默认值)

_blank:在新的窗口中打开   (如果不写target=”_blank”那么就是在相同的标签页打开,如果写了target=”_blank”,就是在新的空白标签页中打开)

_parent:在父窗口中显示

_top:在顶级窗口中显示

 <a href="1.html" title="悬停文本" target="_blank">链接的内容</a>

备注1:

分清楚img和a标签的各自的属性

区别如下:

<img src="1.jpg" />    <a href="1.html"></a>

备注2:

a是一个文本级的标签

比如一个段落中的所有文字都能够被点击,那么应该是p包裹a:

<p>

    <a href="">段落段落段落段落段落段落</a>

</p>

而不是a包裹p:

<a href="">

    <p>

        段落段落段落段落段落段落

    </p>

</a>

a的语义要小于p,a就是可以当做文本来处理,所以p里面相当于放的就是纯文字。

四、图片标签

img: 代表的就是一张图片。是单边标记。 img是自封闭标签,也称为单标签。( image缩写)

能插入的图片类型:

能够插入的图片类型是:jpg(jpeg)、gif、png、bmp。类型和类型之间有什么区别,css课上讲。

不能往网页中插入的图片格式是:psd、ai

HTML页面不是直接插入图片,而是插入图片的引用地址,所以也要把图片上传到服务器上。

src属性:图片的相对路径和绝对路径

这里涉及到图片的一个属性:

src属性:指图片的路径。(source“资源”的缩写)

写法一:相对路径

相对当前页面所在的路径。

两个标记 

. 代表当前目录

 .. 代表父路径。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 224,176评论 6 522
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 95,928评论 3 402
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 171,252评论 0 366
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 60,700评论 1 300
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 69,717评论 6 399
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 53,231评论 1 314
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 41,608评论 3 428
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 40,572评论 0 279
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 47,117评论 1 324
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 39,137评论 3 344
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 41,280评论 1 354
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 36,908评论 5 350
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 42,597评论 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 33,067评论 0 25
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 34,202评论 1 275
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 49,784评论 3 380
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 46,308评论 2 365

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,539评论 1 45
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,735评论 18 139
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 1,131评论 0 0
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    程序员poetry阅读 16,565评论 32 459
  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 6,320评论 2 66