王永苗-20201026

TML常用标签

1.
<p>段落标签</p> :用来定义网页中的一段文本,段落与段落之间换行。
属性:align ;定义段落中的文本水平方向的对齐方式。
属性值:left(左对齐)、right(右对齐)、center(居中对齐)
2.<br/> :换行标签,指行与行之间换行,他是一个单标签。

两者的区别:
<br/>:是单标签,小行换行提行;
<p></p> :是双标签,大行换行分段;

3.<h1></h1>---<h6></h6>:
<h1></h1>:代表一级标题,级别高,字体 也最大,其他依次递减。
<h6></h6>:级别最小,字体最小
属性:align ;定义标题中的文本水平方向的对齐方式。    
属性值:left(左对齐)、right(右对齐)、center(居中对齐)
4.<blockquote>文字段落缩进</blockquote>:在标签中包含块级标签,而不是纯文本。

<blockquote>
         <p>自动缩进p标签内的文本</p>
</blockquote>
5.建立无序列表

<ul type="circle"> 
         <li>列表项</li> 
         <li>列表项</li>
</ul>
属性:type ;定义列表项的符号。

属性值:circle(空心圆)、disc(实心圆)、square(实心方块)

6.建立有序列表

<ol type="a">
        <li>列表项</li>
        <li>列表项</li> 
</ol>
属性:type ;定义列表项的符号。  start:用来设置列表编号的起始数值。

属性值:a、A、i、I
7.建立自定义列表

<dl> 
         <dt>列表标题</dt> 
         <dd>列表项</dd>
         <dd>列表项</dd>
</dl>

8.文字特殊样式

<b>加粗</b>
<i>倾斜</i>
<u>下划线</u>
<s>删除线</s>
<big>放大</big>
<small>缩小</small>
<strong>加强强调</strong>
<em>强调倾斜</em>
9.<img/>图片标签

属性:
src:指定图片源文件;
alt :图片未加载成功的提示文字;
width:指定图片的宽度;
height:指定图片的高度;
border:指定图片的边框样式;
alghr:top/bottom/middle;图片位于两端文字在垂直方向的一个上/中/下的对齐方式;
<img src="http://img5.duitang.com/uploads/item/201610/31/20161031181100_TVEPU.jpeg"/>

<a></a>:超链接

属性:
href:连接地址;空连接可以用"#"代替;
target :_self/_blank;打开方式;_self在当前页面中打开,_blank在新的空白窗口打开。
<a href="http://baidu.com" target="_blank"></a>
10.div可定义文档中的分区或节(division/section)

<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。
<div class="test">111111</div>

11.<span> 标签被用来组合文档中的行内元素。

span标签和div标签是最常用的标签,主要对他们进行样式的应用来改变视觉上的变化。

<span>我是span标签</span>

学习心得:学习了B/S,C/S架构,对html语法有初步的认知,并在老师的带领下搭建了web工程,算是前端学习的一个入门吧,希望自己能有所收获。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1