web前段教学第一月.pptx

域名 -- 解析 -- 服务器 html标准格式：!doctype htmlhtml head meta charset=”utf-8” 网页使用的编码 title我的网站/title 这里写网站的标题 /head body body标签里面写入网站内容  /body/html;标签 双向标签和单标签 一些简单的标签 h1/h1 h2/h2 h3/h3 h4/h4 h5/h5 h6/h6 文本标签1-6 p/p段落标签 ul声明列表为无序列表 li列表值1/li li列表值2/li li列表值3/li /ul b/b strong/strong加粗标签 br /换行标签;表单标签 form action=”” metchod=”post” name=”form1” id=”user”/form表单标签 input type=”text” name=”text” /单行文本输入框 input type=”hidden” name=”hidden” /隐藏域 input type=”password” name=”password”/密码输入框 input type=”checkbox” name=”checkbox” value=”checkbox”/多选 input type=”radio” name=”radiobutton” value=”radiobutton”/单选 input type=”file” name=”file”/文本域 input type=”submit” name=”submit” value=”提交” /提交按钮 input type=”reset” name=”Submit2” value=”重置”/重置按钮 input type=”button” name=”button” /单机按钮，一般用于JS的运行 HTML5新增input类型 input type=”email” name=”email”/email输入框 input type=”url” name=”url”/url地址输入框 input type=”number” name=”number” min=”0” max=”20” step=”4”/数字输入框 其min为最小值，max为最大值，输入数字为step的倍数 input type=”range” name=”range” min=”0” max=”20” step=”4” /创建滑块输入数字 input type=”date” name=”date” /日期创建，选取日月年（火狐，IE不支持） input type=”search” name=”search” /创建搜索内容输入框,结合程序实现搜索功能 input type=”tel” name=”tel”/创建手机号码输入框如在苹果手机上的浏览器中，将出现拨号盘 input type=”color” name=”color”/创建颜色选择框 input新增pattern属性，用于限制text，search，url，tel，email，password的输入值和位数例如： input type=”text” name=”text” pattern=”[a-z]{6}” / ; ;超链接之锚点链接 ;web表格标签table 建立一个两行三列的表格 tr/tr表示行 td/td表示列 table border=”1” cellpadding=”10” cellspacing=”10” tr td1/td td1/td td1/td /tr tr td1/td td1/td td1/td /tr /table 合并横向的单元格使用 td的colspan属性 合并纵向的单元格使用td 的rowspan属性;网页排版经常使用的标签 div/div span/span html5新增的布局标签： article用于表示文档，页面中独立，完整的内容。可以是一篇文章，博客等，一个article通常有自己的标题， 一般放在header中，有时也有自己的脚注footer，当该元素嵌套使用时，内部的article内容必须和外部的article 内容相关。 header标记定义一个页面或者一个区域的头部 nav 标记定义导航链接 section 元素用于对网站或应用程序中页面上的内容分区。div用于结构的独立创建，而section于内容是独 立的。 aside 作用一：作为主要内容的附属信息部分，包含在article元素中，其中的内容可以是与当前文章相关的参 考资料，名词解释等。 作用二：作为页面或者站点的附属信息部分，在article元素之外使用，最典型的形 式是制作侧边栏，其中