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

前端知识之HTML内容

时间:2018-03-13 01:10:57      阅读:253      评论:0      收藏:0      [点我收藏+]

标签:种类型   水平   关于   其他   class   com   src   新标签   注意   

body内常用标签

<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<s>删除线</s>


<p>段落标签1</p>
<p>段落标签2</p>
<p>段落标签3</p>
<p>段落标签4</p>
<p>段落标签5</p>
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
<!--换行-->
<br>
<!--水平线--><hr>

效果:

==========================================

 技术分享图片

 

div标签和span标签

div标签用来定义一个块级元素,并无实际的意义。主要通过CSS样式为其赋予不同的表现。

span标签用来定义内联(行内)元素,并无实际的意义。主要通过CSS样式为其赋予不同的表现。

块级元素与行内元素的区别:

所谓块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行。如果单独在网页中插入这两个元素,不会对页面产生任何的影响。

这两个元素是专门为定义CSS样式而生的。

注意:

关于标签嵌套:通常块级元素可以包含内联元素或某些块级元素,但内联元素不能包含块级元素,它只能包含其他内联元素

p标签不能包含块级标签。

 

img标签

<img src="图片的路径" alt="图片未加载成功时的提示" title="鼠标悬浮时提示信息" width="宽" height="高(宽高两个属性只用一个会自动等比缩放)">

 

a标签

超链接标签

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

href属性指定目标网页地址。该地址有几种类型:

1、绝对URL-指向另一个站点(比如 href="http://www.sogo.com")

2、相对URL-指当前站点中确切的路径(比如href="index.htm")

3、锚URL-指向页面中的锚(比如href="#top")

 

target:

* _blank表示在新标签页中打开目标网页

* _self表示在当前标签页中打开目标网页

 

前端知识之HTML内容

标签:种类型   水平   关于   其他   class   com   src   新标签   注意   

原文地址:https://www.cnblogs.com/mrwang1101/p/8552657.html

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