标签

html:《超文本标签语言》用来描述网页标签、最大的标签,根标签!

head:标签头

title:标题

body:文档主题,页面内容,基本都放到body

”/“关闭符,代表这个标签结束

标签一共6级:h1~h6

段落标签:p

换行标签:br /<单标签>常用

水平标签:hr /<单标签>

文字以粗体显示:<strong></strong>

文字以斜体显示:<em></em>

文字以加删除线方式显示:<del></del>

文字以加下划线方式显示:<ins></ins>

图像标签:<img />单标签,《重点》

<img />标记属性

src:图像的路径

alt:图像不能显示时的替换文本

title:鼠标悬停时显示的内容

width:图像的宽度

height:图像的高度

border:图像的边框

事例

<img src="图片所在位置/图像.jpg/" title="鼠标悬停内容” width="宽度“ height="高度” border="边框“/>

<a></a>链接标签:anchor缩写!

用来指定链接目标url地址:href

目标窗口弹出方式:target

外部链接标签需加:http://

内部标签:<a  href=“所需跳转网页目标”>文字</a>网站生成

<a href="#">我的作品地址</a>未确定目标用#代替

<a href="跳转目标“ target="_blank>文字</a>窗口另外打开

_blank:新窗口

锚点定位

使用:<a href="# id想跳转的目标英文书写”>目录</a>

<定位地点标签加上 id="所书写的英文id>目录</a>

<base />单标签

在head中间添加<base target="_blank"/> 所有网站可以另外打开

如不想全部窗口打开,在<base target="_self(当前自己的窗口)"/>

特殊字符标签:常用

空格-&nbsp;          版权——&copy

小于号——&lt      大于号——&gt

注释标签:不会显示在浏览器上面

<!--语句-->

路径:相对路径《重点》

1.图像文件和HTML位于同一个文件夹,只需输入图像名称,如:<img src="名称"/>

2.如图像位于HTML下一级文件夹,输入文件夹和文件名之间用/隔开,如<img src="文件夹名称/图像名称"/>

3.如图像位于HTML上一级文件夹,在文件名之前加入"../",如是上两级,则需使用"../../"以此类推。如<img src="../名称"/>

绝对路径

<img src="网站复制图片地址"/> 常用

无序列表 <ul>

<ul></ul>只能放<li></li>标签

<li></li>——列表项1、2、3.。。。。

<ul>

  <li>列表项</li>

</ul>

有序列表 <ol>

<ol>只能放<li>标签,会自动生成1.2.3.标志

<ol>

  <li>列表项</li>

</ol>

自定义列表:三个标签组成:<dl> <dt> <dd>

<dd></dd>围绕着<dt></dt>描述

如:

<dl>

  <dt>名字(河南)</dt>

  <dd>名词解释:河南包括(郑州)</dd>

  <dd>焦作</dd>

  <dt>爷爷<dt>

  <dd>奶奶</dd>

</dl>

以此类推

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容