码迷,mamicode.com
首页 > 其他好文 > 详细

我的第一篇博客

时间:2019-11-23 12:45:05      阅读:55      评论:0      收藏:0      [点我收藏+]

标签:doctype   宽度   链接地址   文本   com   高度   mail   地址   设置   

一.html基本语法结构:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>

</body>
</html>


二.html基本标签

  • <h1>~<h6>为标题标签,<h1>字号最大<h6>最小
  • <p></p>为段落标签
  • <br/>为换行标签,这是一个单标签
  • <hr/>表示水平线,也是一个单标签
  • <em></em>表示让文字倾斜
  • <strong></strong>让字体加粗
  • &nbsp; 表示空格
  • &gt; 表示大于号
  • &lt; 表示小于号
  • &copy;表示版权符号
  • &quot;表示引号

三.图像标签的使用

  • 常用图像格式有:jpg,gif,bmp,png
  • 基本语法:<img src="图片相对路径“  alt="当图片无法正常显示时的提示文字”  title="鼠标悬停提示文字“ width="图片宽度”  height="图片高度“/>

四.超链接

基本语法: <a href="链接地址“ target=目标窗口位置”>链接文本或图像</a>,其中target=”—self或者—blank,self:自身窗口打开,blank:新的窗口打开

  • 页面间链接:可以使用不同的链接地址打开不同页面,当两个页面写上对方链接地址,可以实现两页面间的相互跳转
  • 锚链接:同页面跳转,例:<p><a href="#aa">点击我</a></p>,设置锚点为:<a name="aa">跳到我这里来(锚点位置)</a>

跳转到新页面制定位置:1.html跳到2.html的as位置,可以:1.html

                                                                                                    <a href="2.html#as">点击我</a>

                                                                                                               2.html

                                                                                                                     <a name="as">跳到我这里</a>

  • 功能性链接:<a href="mailto:zhangsan@qq.com>给张三的信</a>

 

 

 

 

我的第一篇博客

标签:doctype   宽度   链接地址   文本   com   高度   mail   地址   设置   

原文地址:https://www.cnblogs.com/Aaron-Feng/p/11916962.html

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