学习前端的第一天~

*敲代码的时候另起一行TAB

 

标签:

标题<h1>-<h6> 对应标题的大小.

<p>元素内容</p>

<a href="连接">显示文字</a>   //跳转

注释的时候另起一行Ctrl+/

<pre>预格式文本,不改变内在文本格式包括空格换行</pre>

<img src="url或者文件名" alt="图片不显示的时候显示的文字"/>

<blockquote>引用文本</blockquote>

<br/>换行

<hr/>分割线

 

<a href="url" title="鼠标提示"></a>

url跳转本文件夹内的连接 可以省略/  

./表示当前网页为准的同级文件夹

../表示以当前网页为准的上级文件夹

 

属性

title="鼠标移动到上面显示内容"

锚点(返回顶部)

<a href="" name="maodian">创建锚点</a> //放在页首

<a href="#maodian"></a>  //点击这里将会跳转到maodian所在的位置.

 

 

 

PS:

不要忘记结束标签;

标签内可以嵌套标签.

 

--表格--

分区快的文本 盒子div

<div style="border:1px solid red;"> 盒子里面的内容</div>

<span>单独使用属性的内容</span>

<del>删除效果的文字</del>

<code>

<address>

--列表 导航--

<ul>无序

<li>milk<li>

//可以快速创建5个  li*5 tab

</ul>

<ol></ol>  //有序列表

<dl><dt><dd> //3级列表.

--框架结构--

内联框架

<iframe>  显示的地址 //直接显示第二页面    0无边框 1有边框.// ><内的标签内容不显示

 

--表格--

table　　　　　//表

　　tr　　　　 //代表row 行

　　td　　//代表data 列　　

　　th　　　　//表头

 

 

web前端要求

性能优化 规范 语义化

 

属性:

align="center" //字体居中,以及left right靠左靠右.