前端基础

软件的分类： 系统软件      应用软件

系统软件：操作系统

应用软件：office，QQ，微信

应用软件：1.单机程序：只在自己电脑上就可以实现。

                  2.网络程序：需要联网，连接服务器，实现主要功能

网络程序：1.CS：客户端和服务端

                  2.BS：浏览器和服务器

BS：优点：不需要更新，跨平台，可以直接嵌入到客户端程序中

        缺点：入口小，流量大（速度慢），表现力有限（只能在浏览器中运行）

CS：缺点：不需要更新，跨平台，可以直接嵌入到客户端程序中

         优点：入口小，流量大（速度慢），表现力有限（只能在浏览器中运行）

HTML中的常用标签

<!--注释-->
<!--内容-->

<!--换行-->
<br>     <br/>

<!--超链接-->
<a href="">点我<a/>

<!--基本路径-->
<base href="http://www.baidu.com/"/>

<!--段落-->
<p>这是一个段落</p>

<!--图像标签-->
<img src="/img/1.jpg" title="图片"/>

<!--块元素-->
<div></div>

<!--有序列表-->
 <ol>中国四大发明
       <li>火药</li>
       <li>印刷术</li>
       <li>指蓝针</li>
 </ol>
 <!--无序列表-->
 <ul>中国四大发明
       <li>火药</li>
       <li>印刷术</li>
       <li>指蓝针</li>
  </ul>

        <!--表格-->
        <table border="1px" cellpadding="0px" cellspacing="0px">
        	<tr>
        		<th>序号</th>
        		<th>姓名</th>
        		<th>年龄</th>
        	</tr>
        	<tr>
        		<!--一列-->
        		<td>1</td>
        		<td>张三</td>
        		<td rowspan="2">15</td>
        	</tr>
        	<tr>
        		<td>2</td>
        		<td>李四</td>
        		
        	</tr>
        	<tr>
        		<td>2</td>
        		<td colspan="2">王麻子</td>
        		
        	</tr>
        </table>
        	<!--表单-->
        	<form action="text1.html">
        		姓名:<input type="text" name = "name" placeholder="请输入姓名" /><br/>
        		<!--单选框-->
        		性别:<input type="radio" name="gender" value="男" />男
        		<input type="radio" name="gender" value="女" />女<br />
        		<!--多选框-->
        		兴趣爱好:<input type="checkbox" name="interst" value="basketball"/>篮球
        		<input type="checkbox" name="interst" value="foolball"/>足球
        		<input type="checkbox" name="interst" value="ball"/>球<br />
        		专业:<select>
        			<option>软件技术</option>
        			<option>人工智能</option>
        			<option>手机应用</option>
        			
        		</select>
        		生日:<input type="date" /><br />
        		时间:<input type="time" /><br />
        		日期时间:<input type="datetime" /><br />
        		数字:<input type="number" /><br />
        		邮箱:<input type="email" /><br />
        		电话:<input type="tel" /><br />
        		
        		
        		<input type="submit" value="提交" />
        	</form>

 

 

CSS:层叠样式表

一.样式表的位置

        1.元素的属性中

        2.写在head中

        3.外部样式表中

二.颜色的表达

        1.英文字母

        2.16进制

        3.rgb(红绿蓝)（0-255）