前端基础01

1、web标准构成:结构、表示、行为

1.1结构(HTML):用于网页结构的整理和分类。

1.2表示(CSS):用于设置网页元素的样式,颜色、大小、外观等。

1.3行为(JS):网页模型定义及交互的编写。

2、标签:标题标签、文本格式标签、段落标签、图像标签

2.1标题标签:<h1></h1>、<h2></h2>、<h3></h3>、<h4></h4>、 <h5></h5>、<h6></h6>

h1标签在一个页面中只能用一次;

标题标签自动加粗换行;

上下生成空白行;

标题字号为h1最大以此类推

2.2文本格式标签

加粗: <strong>加粗</strong> & <b>加粗</b> <br/>

倾斜:<em>倾斜</em> &<i>倾斜</i> <br/>

删除线: <del>删除线</del> & <s>删除线</s> <br/>

下划线:<ins>下划线</ins>&下划线

2.3段落标签

<p></p>

段落标签,文本会根据浏览器的大小进行换行显示。

段落之间保有空隙。

<br/> 单标签,换行标签,对文字进行强制换行 (只换行,不分段)

2.4图像标签

<img src="" alt="" title="" height=""  width="" border="" />

属性+属性值+说明

src:图片路径,这是一个必须属性。

alt:文本,替换文本。在图片显示不出来的情况下显示alt属性内的提示文本信息,这个可不填。

title:文本,提示文本。当鼠标悬停在图片上是显示title属性内的文本信息。

height:像素,设置图片的高度。与width属性只填写一个即可实现同比缩放。

width:像素,设置图片的宽度。与height属性只填写一个即可实现同比缩放。

border:像素,设置图片的边框粗细。一般在CSS中进行控制。

3、<div></div>&<span></span>

3.1<div></div>,div是division(分割,分区)的缩写。标签没有语义,类似一个盒子。此标签一个人独占一行。一行只能一个<div>(大盒子)

3.2<span></span>跨度,跨距。在span标签中的文字可以并列显示。一行可以多个<span>(小盒子)

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章