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

初识Html(一)

时间:2018-06-20 22:32:16      阅读:263      评论:0      收藏:0      [点我收藏+]

标签:sel   size   style   格式   换行   bsp   列表   地址   base   

html标签可以分为:双标签、单标签

html格式:

快捷键为:!+ Tab  

</html>根标签

<head>头部

<title>Document</title>标题
</head>
<body>
文档的主体
</body>
</html>

<div></div>换行显示

<span></span>水平显示

边框标签:border    eg:border=“10”

链接的代码<a href = “ 地址”>贴吧</a>

插入图像img src = “图片的路径”

链接:<a href=”网址”>网址名称</a>

如果想要保留自己的页面,再打开一个新的页面:

输入   <a href=”网址”  target=”_blank ”>网址名称</a>

如果要想显示在当前页面中  只需在要想显示的链接后边加上  target = “_self”

返回首页<a href=”首页地址”>返回首页</a>

返回上一步操作的页面:

<a href=”javascript:history.back ()” title= “返回”>返回上一页 </a>

锚点定位:

抛锚点:href=“#live”

对应抛锚点:id=“live“

base标签:可以设置整体链接的打开状态。

base是单标签

在<head>和</head>之间写,

格式为:<base  target=””blank />

blank:是显示在一个新的页面self:是显示在当前页面

无序列表:<ul>

               <li>   </li>

               <li>   </li>

</ul>

无序列表的样例:

技术分享图片

<ul></ul>中只存放<li> </ li>标签。如果想写其他的标签,可以将其他的表签存放在<li></li>中,同样的有序列表中也是。

有序列表<ol>

              <li>美国</li>

              <li>英国</li>

              <li>中国</li>

</ol>

有序列表的样例:

技术分享图片

自定义列表:

<dd></dd>是对<dt></dt>的解释说明

<dl>

<dt>名词1</dt>

<dd>名词1解释1</dd>

<dd>名词2解释2</dd>

<dt>名词2</dt>

<dd>名词2解释1</dd>

<dd>名词2解释2</dd>

</dl>

 

初识Html(一)

标签:sel   size   style   格式   换行   bsp   列表   地址   base   

原文地址:https://www.cnblogs.com/ccllff/p/9206213.html

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