HTML常用标记

1.目前比较流行的架构模式?(面试题)
        B/S架构:浏览器/服务器 现实生活中使用比较多
        C/S架构:客户端/服务器 (需要安装客户端)
        
2.前端编程语言?
         html 超文本标记语言 (网页的骨架)
         css  层叠样式表 (网页的绘制样式)
         javascript  动态脚本语言(网页的灵魂)
         
3.HTML的常用标签
        html:指的是html网页标记
        head:指的是网页头部标记
        meta:指的是网页配置参数 (通常用于设置编码的)

<meta charset="utf-8" />

        title:网页标题

<title>天狗</title>

        body:网页的主体(也是主要写代码的地方)
        h数字:网页文字标题(数字从1到6文字逐渐变小,会换行)
        br:换行标记
        p段落:段落标记 自动换行
        hr:水平线
        html实体符号:通过&符号声明的(< 小于  ♥ 黑心)
        i:表示斜体
        b和strong:表示文字加粗
        sup:上标
        sub:下标

<!-- x的平方加y的平方等于10 -->
x<sup>2</sup>+y<sup>2</sup>=10;
化学中元素水的表示符号:H<sub>2</sub>O

         del:删除线\          
         a:超链接标标记  
         href:跳转页面的路径
         target:页面打开的位置
         _self:在当前页面打开(默认)
          _blank:在新页面打开
         ...

<!-- 超链接 -->
		<a href="http://www.baidu.com">百度</a>
		<!-- a是标签名或元素名称 href叫做属性 =后面的叫属性值 啊啊啊啊叫做文本-->
		<a href="http://www.baidu.com" target="_blank">啊啊啊啊啊</a>
		<a href="http://www.baidu.com" target="_self">啊啊啊啊啊</a>

         img:图片标记
         src:图片路径
         width:图片宽度
         height:图片高度
         alt:图片加载失败后的提示
         title:图片标题(鼠标移到图片上会显示的内容)

<img src="img.jpg" width="200px" height="200px" alt="图片离家出走了" title="走啊 毁灭地球啊">

         ul:列表 无序列表
         li 列表项 里写选项
         type:图标样式

	    <!-- 列表 -->
		<!-- 无序列表 -->
		你喜欢的明星?
		<ul>
			<li>林俊杰</li>
			<li>朱茵</li>
			<li>周星驰</li>
			<li>王嘉尔</li>
		</ul>

         ol:列表 有序列表
         li列表项 里写选项
         type:图标样式

		你喜欢的电影?
		<ol type="A">
			<li>大话西游</li>
			<li>恐怖游轮</li>
			<li>猪猪侠</li>
		</ol>

         font:字体大小颜色设计

<font size="20" color="aquamarine">猜</font>你喜欢

    4.表单标签:
         input:输入栏 文本框
                 type属性:表示标签类型 
                 type="text"文本框
                 type="password" 密码框
                 type="radio" 单选按钮
                 (为了保证单选按钮的单选功能需要加上name属性 而且name属性的值要相同 保证单选按钮为一组)
                 checked="checked"表示选项被默认选中
                 type="checkbox"复选框
                 type="date" 日期
                 type="time" 时间
                 type="range" 范围
                    
                 name属性:定义标签的名字(用于form表单提交的时候定位标签)
                 value属性:标签的默认值
                 placehoder属性:占位符 输入提示
                 readonly="readonly" 只读状态 文本框无法输入
                 disabled="disabled" 禁用状态 文本框变灰
                
         select标签:下拉列表 下拉菜单  select>option*3
         option标签 下拉选项 写选项
                 value:选项的值 (用于form表单提交的时候)
                 selected:绑定选项 默认选中 和checked很像
                
         textarea 文本空间
                 cols:宽度 列
                 rows:高 行

        姓名:<input type="text" value="张三" readonly="readonly" disabled="disabled"/><br>
		密码:<input type="password" placeholder="请输入密码"/><br>
		性别:<input type="radio" name="sex" />男
			<input type="radio" name="sex" checked="checked"/>女<br>
		 爱好:
			<input type="checkbox" name="sports" checked="checked"/>篮球
			<input type="checkbox" name="sports"/>足球
			<input type="checkbox" name="sports"/>羽毛球
		 <br>出生年月:<input type="date" />
		 <br>出生时间:<input type="time" />
		 <br>对学哥的思念程度:0<input type="range" >100
		 <br>出生地址:
		 <select>
		 	<option value="0" selected="selected">-请选择-</option>
			<option value="1">山西</option>
			<option value="2" >辽宁</option>
			<option value="3">吉林</option>
		 </select>
		 <br>想对学哥说的话:
		 <br><textarea cols="30" rows="10"></textarea>