标签1

2018-11-26  本文已影响1人  紫色冰雨

<head> </head> 一对夫妻

<br /> 单标签  比较少  换行

<html lang="en">   en  english   zh 中文

<!DOCTYPE html>   DOCTYPE 文档类型 html5

gb2312  简单中文

<p> 段落标签   paragraph  

<hr />  水平线标签  horizontal     单标签

<h1> <h2><h6> 排版 标题标签

<title> 文档标题标签

 div(division的缩写 分割,分区的意思 其实有很多div来组合网页) span(跨度 跨距 范围) 是没有语义的 是我们网页布局主要的2个盒子

文本格式化标签

 (在网页中,有时候需要为文字设置粗体,斜体下划线效果 需要用到文本格式化标签)

<b></b> 和<strong></strong> 文字以粗体方式显示(XHTML推荐使用strong)

<i></i>和<em></em> 文字以斜体方式显示 (Xhtml推荐使用em)<em>呈现为被强调的文本

<s></s> 和<del></del> 文字加删除线方式显示(Xhtml推荐使用del)

<u></u>和<ins></ins>文字已加下划线方式显示(XHTML不赞成使用u)

图像标签img

<img  src = "图像url">  src属性用于指定图像文件的路径和文件名 它是img必须属性

src source 简写

链接标签

anchor 的缩写  基本解释锚

<a href =  "跳转目标" target = "目标窗口的弹出方式"> href 用于指定链接目标url地址 当为标签应用href属性时它就具有超链接的功能。Hypertext Reference的缩写。意思是超文本引用taget:用于指定页面的打开方式,其取值有self和bank两种 self blank为新窗口中打开 

注意

1 外部链接 需要添加 http://www.baidu.com

2 内部链接,直接链接到内部页面即可 比如<a href = "index.html">

3 如果当时没有确定链接目标时 通常将链接标签的href属性 定义为“#” <a href = "#"> 表示该链接为一个空链接

4不仅可以创建文本超链接 ,在网页中各种网页元素,如图像,表格 音频视频 都可以添加超链接

锚点定位

<a href "#live">

<h3 id = "live"><h3>

base标签

在head标签中加入  base 标签blank body中的所有打开都在新窗口中

base标签设置整体链接的打开状态

特殊字符标签

注释标签

<!-- 注释语句 --> 

路径

相对路径

绝对路径

无序列表 ul

ul标签里面规范 是li标签 不能是其他标签   可以在li标签里面放其他标签

有序列表 ol

自定义列表

自定义标签有三个标签 dl  dt 名词  dd 对名词解释

<dl>

  <dt>北京</dt>

  <dd>昌平区</dd>

  <dd>海淀区</dd>

  <dd>丰台区</dd>

  <dd>朝阳区区</dd>

  <dd>传智区</dd>

</dl>

上一篇 下一篇

猜你喜欢

热点阅读