HTML
<![CDATA[content]]>格式在HTML中并不适用,写的HTML源代码数可能被浏览器直接解析成相应格式,所以源代码的标签左边 '<' 均用 '《' 替换了,阅读带来的不便还望理解。
一、概述
HTML概念:(Hyper Text Markup Language),超文本标记语言。(是一种显示语言)
超文本:比普通文本功能要强(能够展示图片、不同颜色或者粗细的文字、能展示按钮。。。)
语言:汉语、英语都属于语言,说白了就是一种表达方式、沟通方式。
标记:标签。
标记语言:语言是标签。
作用:用来设计静态网页的
二、常用标签
1. 图片标签
《img src=”图片路径” width=”10%” height=”200” />
图片路径是必须有的,宽高以百分比表示站页面的百分比,具体数值为所占像素(固定大小)
2. 列表标签
有序列表:
《ol>
《li>大白菜《/li>
《li>小菊花《/li>
《/ol>
无序列表:
《ul>
《li>德玛西亚《/li>
《li>艾欧里亚《/li>
《/ul>
3. 超链接标签
《a href=”http://www.ali.com”> content or 《img />《/a>
4. 表格标签
《table>
《tr>
《td>《/td>
《/tr>
《/table>
合并单元格
colspan,rowspan是td标签的属性,colspan(左右合并) rowspan(上下合并)
5. 块标签
《div>《/div>用来展示大量的数据,默认是独占一行的,会自动换行。
《span>《/span>用来展示少量的数据,默认内容有多大就占多大空间,不会自动换行。
6. 表单标签(重点)
用《form>《/form>标签表示。
form标签里面是若干个表单项。有input表单项、select下拉列表项、textarea文本域。
input标签
input表单项可以实现文本输入框、密码输入框、单选按钮、多选框、自定义按钮的效果,这些不同类型由它的type属性决定。
TIPS:
1、任何一个表单项都有name属性(button除外),否则数据无法提交到服务器,表单也就没有意义。
2、单选按钮/复选框要想在同一组,就需要有相同的name属性值,默认选中使用checked属性。 3、value属性表示值用户输入的值或者默认值。对于单选按钮和复选框来说还必须要有不同的value值,因为用户无法输入值,只能选择。
《form>
《input type=”text” name=”name” value=”name”/>
《input type=”password” name=”password” value=”password”/>
《input type=”radio” name=”sex” value=”male” />男
《input type=”radio” name=”sex” value=”female”/>女
《input type=”checkbox” name=”hobby” value=”01”/>撸代码
《input type=”checkbox” name=”hobby” value=”02”/>调八哥
《input type=”checkbox” name=”hobby” value=”03”/>修电脑
《input type=”submit” />
《/form>
select标签
下拉列表标签格式:name属性属于select标签 value属性属于option标签
《select name=”province”>
《option value=”hz”>杭州《/option>
《option value=”nb”>宁波 《/option>
《/select>
textarea标签
格式:《textarea name=”message” rows=”3” cols=”10”> content《/textarea>