王永苗-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工程，算是前端学习的一个入门吧，希望自己能有所收获。