一个完整的网页由以下三种元素组成:
html:完成页面各组成部分的搭建
css:进行页面修饰
js:让html页面具有很多功能
软件:Sublime Text
标签:
<font></font> 文本字体(face)、字体尺寸(size 1-7)、字体颜色(color)<p></p>定义一个段落 浏览器会自动地在段落的前后添加空行<br>换行<!-- --> 注释<h1>...</h1>1-6级标题 默认独占一行,后面的内容自动换行 1最重要,作用是seo优化(关键词优化),让搜索引擎抓取其关键词,h1要尽可能靠近body,重点是1,2,3
HTML中常用转义字符
浏览器显示图片
常用属性:src、alt(提示信息)、height、width
../返回上一级,同级可以互相访问
绝对路径:d:/image/headLogo/1.jpg
相对路径:../image/headLogo/1.jpg
超链接:打开另一个页面
定义:...
使用:锚点
同一个文档中创建指向该锚(位置)的链接
锚点必须先定义再使用
first.html#maodian 跨文件访问
无序列表
<ul> <li>我的文件</li> <li>我的图片</li> </ul>快捷写法:li*5+tabe;html+tabe有序列表<ol><li>我的文件</li><li>我的图片</li></ol>
表格
table、caption(表名)、tr(行)、th(列、表头)、td(列)、border(边框)、width(表格宽度)
caption要放在table和tr之间
colspan(列合并)、rowspan(行合并)
\*\*\*\* 合并两行 被合并者删掉,合并几个(包括自己)写几个行的合并以上面为准,列的合并以左面为准
thead(页眉)、tbody(主体)、tfoot(页脚)
先划定范围,再加样式
定义内容水平对齐方式align(right、left、center、justify、char)
定义内容垂直对齐方式valign(top、middle、bottom、baseline)
表单
<form></form> action将值传到后台 method传入到后台的提交方式文本框:<input type="text" name="" id="">name可重复,id唯一<label>请输入名字</label> 加个标签方便集中管理列表框<select><option selected="selected"></option></select>按钮:<input type="button" value="普通按钮"><input type="submit" value="提交按钮">多行文本框:<textarea row="10" cols="20">请输入</textarea>上传文件:<input type="file">隐藏域(隐藏文本框):<input type="hidden">列表框:<select size="4" multiple="true"> 允许按住ctrl多选 <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select>文本框内提示信息:<input type="text" name="userName" placeholder="请输入用户名">单选框:<input type="radio" name="userSex" checked="checked"/>男 默认被选中 <input type="radio" name="userSex"/>女多选框:<input type="checkbox" name=""/>