自学前端开发

	不喜勿喷，刚走上这条路，希望我能坚持走到底吧。
	首先介绍前端开发。前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。

所以首先要接触的是最基本的语言html（超文本标记语言）、xml（标记语言）、xhtml（可扩展超文本标记语言）、css（层叠样式表）、以及javascript 。JavaScript是一种直译式脚本语言，是一种动态弱类型，基于原型的语言，内置支持类型。他的解释器被称为JavaScript引擎。是浏览器的一部分，广泛用于客户端的脚本语言。（javascript重点，理解了后面的就简单了）
接下来给大家书写一下经常使用的html标签。首先标签分为两种：1.常规标签 <标记属性=“属性值” 属性=“属性值”>内容</标记> 2.空标记 <标记属性=“属性值” 属性=“属性值”/> 好了接下来开始正式给大家分享标记：
1.文本标记：文字加粗、有默认字体
一级标题：<h1> 内容</h1>
二级标题：<h2> 内容 </h2>
…
六级标题: <h6> 内容 </h6>
2.段落

<p>内容</p>
3.空格：浏览器默认将多个空格合并为一个空格。
	&nbsp;
4.换行
	</br>
5.加粗
	<b>内容</b>   或    <strong>内容</strong>
6.倾斜
	<i>内容</i>  或  <em>内容</em>
7.水平线
	<hr/>
8.列表
	a：有序列表
		<ol>
			<li>内容</li>
			<li>内容</li>
		</ol>
	b:无序列表
		<ul>
			<li>内容</li>
			<li>内容</li>
		</ul>
	c:自定义列表
		<dl>
			<dt>被解释内容</dt>
			<dd>解释内容</dd>
		</dl>
		例如：
		<dl>
			<dt>北京</dt>
			<dd>中国首都</dd>
		</dl>
9.图片
	<img  src=" "  title=" "  alt=" " />
	（1）、src:路径（绝对路径、相对路径）
		绝对路径： http:// 
		相对路径：本地
		a:当前文件与目标文件在同一目录下：
			文件名+扩展名   例如 src=" img.jpg"
		b:当前文件与包含目标文件的文件夹在同一目录下：
			文件夹名/文件名+扩展名  例如：  src="images/img.png"
		c:当前文件的文件夹与包含目标文件的文件夹在同一目录下:
			../文件夹名/文件名+扩展名  例如： src="../images/img.jpg"
	（2）、title：提示性文字 （鼠标划上图片会出提示的文字）
	（3）、alt：替换文本
10.超链接：自带下划线、自带颜色字体
	<a href="  " >内容</a>
		href是链接地址 如果没有可以写空链接
		空链接分两种
		（1）、<a href=" # " >内容</a>
		（2）、<a href=" javascript：void（0） " >内容</a>
12. 典型的块状元素 div  ：独占整行、可设置宽高
13. 典型的内联元素 span ：只占内容大小、不可设置宽高
14. 表格 
	<table  border="value"  width="value"  height="value"  bgcolor="颜色值"  cellspacing="value" cellpadding="value"  align="center/left/right">
		<tr>
			<td></td>
		</tr>
	</table>
注解：tr：行
		   td：列
		   border：边框
		   value:数值
		   width：宽
		   height：高     例如：height：500px； 高是五百像素
		   bgcolor：背景色
		   cellspacing：单元格与单元格之间的距离
		   cellpadding：单元格与内容之间的距离
		   align：水平位置
		   合并单元格
		   colspan：合并列
		   rowspan：合并行

15.表单

<form name="表单名"  action="提交地址"  method="get/post" ></form>
	get:加密   post：不加密
	文本框：<input type="text" value="按钮显示内容"/>
	密码框：<input type="password" value="按钮显示内容"/>
	重置按钮：<input type="reset" value="按钮显示内容"/>
	提交按钮：<input type="submit" value="按钮显示内容"/>
	单选按钮：<input type="radio" value="按钮显示内容"/>
	复选框：<input type="checkbox" value="按钮显示内容"/>
				checked=“checked”   默认选中
	下拉菜单：
		<select>
				<option>内容</option>
				.....
		</select>
	文本域：<textarea  cols=" "  rows=" "  >   </textarea> 
				cols:列数                 rows:行数
	按钮：（1）、<input  type="button" value="按钮" />
			  （2）、<button>按钮</button>
	
	好了这次就写到这吧，我不是为了别人看，只是想记录自己一步步走的路程，当然如果能帮助到别人我也更开心。

猜你喜欢