花小心

花小心的笔记

来自第三章 html常用标签[5] -标签写法以及嵌套的探讨(0)

不允许写结束标签,如br标签,不可以写成<br></br>,只能写成<br />单标签:area,base,br,col,command,embed,hr,img,input,keygen,link,meta,paran,source,track,wbr

来自第二章 基础知识(0)

2.标签<!DOCTYPE html> 不是标签3.属性属性名称+属性值自定义属性前面加 data-4.元素标签+内容=元素开始标签与结束标签之间叫 元素内容块级元素:占页面中整行长度内联元素:只占元素内容长度5.注释<!--我是注释-->6.文件编码在<head></head>标签内写<meta charset="UTF-8"> 编码  <!DOCTYPE html>---声明文档的解析类型(html5),避免浏览器的怪异模式<html>---根标签(开始)<head>---头标签(开始)<title>html基本结构</title>---标题标签</head>---头标签(结束)<body>---主体标签(开始)主体内容!---浏览器显示的主体内容区域</body>---主体标签(结束)</html>---根标签(结束)

来自第三章 html常用标签[1](0)

html搭建页面的框架css装潢页面1、水平线  单标签<hr /> 页面中水平线(----------------)2、页面中的标题  双标签<h1>标题</h1> (主标题,最好只用一次)<h2>标题</h2>3、段落  双标签<p>一段话</p>4、换行  单标签<br />5、空格  特殊符号(非标签)&nbsp;    中文圆角代码中空格6、无序列表 嵌套双标签<ul><li></li><li></li></ul>7、有序列表  <ul></ul>换成ol

来自第三章 html常用标签[2](0)

1、定义列表  嵌套双标签<dl><dt>苹果</dt><dd>苹果的解释定义</dd></dl>2、插入图片 单标签<img src="./当前目录下图片名称" /><img src="../上一级目录下图片名称" /><img src="images/图片名称" />(同目录下建文件夹images,放入图片)<img src="images/图片名称" alt="图片说明" width="图片长度px,也可用百分比表示" height="图片高度" />3、超链接<a href="http://www.baidu.com/" title="百度" target="_blank"(新窗口打开)>百度</a>4、指定图片某块区域加超链接<img src="images/图片名称" alt="图片说明" usemap="#img1" /><map id="img1" name="img1"><area shape="rect(矩形)" coords="指定图片区域坐标" href="http://www.baidu.com" alt="百度一下" /><area shape="circle(圆形)" coords="指定图片区域坐标(圆心和半径)" href="http://www.baidu.com" alt="百度一下" /></map> 

来自第三章 html常用标签[3] -表格(0)

表格 table 标签创建  属性 border (表格加粗) cellpadding(表格扩大)cellspacing(字间距)tr 标签创建行td/th(第一行加粗)标签创建列td属性 colspan(横跨的列数) rowspan (横跨的行数)<table border="10" cellpadding="50" cellspacing="50"><tr><th>姓名</th><th>年龄</th><th>性别</th></tr><tr><td colspan="2" rowspan="2">麦宝</td><td>1</td><td>女</td></tr></table> 

来自第三章 html常用标签[4] -表单(0)

<form>表单标签属性:action:规定当提交表单时,向何处发送表单数据name=给表单命名target="_blank":提交表单时在新窗口打开methad:提交方式,post或get标签<input>定义表单的输入界面  type属性(对应相对的功能)value属性(编写字体)属性checked可用值:checked,一般用于选择输入界面,实现默认选择。 属性disabled,可用值disabled,让输入框不可输入。name属性,给input输入界面起名字。属性readonly可用值readonly,使输入界面为只读状态。属性size值为数字,设置输入框长度。属性value,改属性值就是这个input最终提交到页面的数据,可以通过该属性设置默认值。标签<textarea>定义多行数据框属性:cols值为数字(字符长度)属性:rows值为数字(行数)<label>标签,提升用户体验(扩大选择区域)属性:for="id值"(前面设置id) 标签<select>,配合option标签实现下拉菜单属性:disabled值为名称属性:name值为名称属性:multiple值为名称(下拉菜单多选)<option>标签属性:disabled值为名称属性:selected值为名称属性:value值为名称<optgroup>标签 把相关组合标签组合起来(分组)属性:disabled值为名称 <form action="链接" name="表单名">姓名:<input type="text" />(普通文本框)密码:<input type="password" />(密码框)上传:<input type="file" />(上传文件)隐藏:<input type="hidden" />普通按钮:<input type="button" />单选:<input type="radio" name="sex" />男 <input type="radio" name="sex" />女复选:<input type="checkbox" />篮球<input type="checkbox" />看书<input type="checkbox" />足球提交:<input type="submit" value="确认提交" />重置:<input type="reset" />-----------------------------<textarea></textarea></form>