HTML入门

142 阅读2分钟

一个完整的网页由以下三种元素组成:

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=""/>