web前端之html基础知识初级
2019-08-26 05:48:01来源：博客园 阅读 (375)
web前端之html基础知识初级
html 基础标签
单标签
1.注释标签： ctrl+/
换行标签：
横线标签：
标题标签：
段落标签：
表示强调标签： 文字
属性：文字加颜色 color:改变文字颜色
size：改文字大小属性
例如：文字
文本加粗显示：或者
文字斜体显示： 或
下划线标签：或者
删除价格标签：
图片标签：
sec:设置一个图片要显示的路径
title：设置鼠标悬停图片显示的文字
alt：对图片描述 为方便引擎搜索
图片 width:宽度
height 高度没有语义的标签：
内容 实现网页布局 div可包含任何标签
在网页布局中使用
超链接标签：
百度
title:设置鼠标悬停到超链接的文字提示
target:-self
<base target="-blank">超链接跳转页面其他写法 在<head>页面写锚链接
目标文字
目标
第二天 meta标签用法
防止网页面乱码 charset:字符集 utf-8: 编码格式 （其他格式：gbk gb2312 big5）
<meta name="keywords" content"女装 男装 休闲"> 注意关键字是给搜索引擎看的搜索(网站推广)
<meta name="description " content"女装 男装 休闲"> 网页描述信息给搜索引擎看的搜索(网站推广)
网站重定向（网址指向另一个网页）
3秒跳转百度
link 标签用法
设置网站图标 （图标路径 ）注意1 最好把图标放到根目录下，方便寻找。 2.用处 引用外来样式表
5 列表分类
1 无序列表
<ul (type="square"改变圆点) >列表项如下
<>睡</>
注意：
2 有序列表
- 开门
- 放进去
- 关门
3.自定义列表
- 标题
- 列表项
- 列表项
- 列表项
</dl>
注意：dt标签只能包含行内元素
dd标签可以包含所有标签
一般网页结尾处用自定义列表
6。表格 作用：1.表格显示数据 2.网页布局
1.组成
表头 th
行 tr
列 td
表格 table
<table>
<tr> （第一行）
<td>姓名</td>
<td>年龄</td>
<td>职业</td>
（第二行）
小明
表格属性在
cellpadding 设置内容与td的左侧的距离 align: left center right 设置对齐方式 注意：1.如果给table标签设置align属性，只会
让标签居中 不会让内容居中，给td 或者tr设置align属性可以让其内容居中。
bgcolor:"pink"设置表格背景颜色 设置表头加粗 用法和td相同 caption 设置标题 用法在table内
便捷写法： table>tr4>td4（创建表格 加中括号可设置属性）
表格结构
去掉单元:横向合并 <colspan=""> 竖向合并：<rowspan="">
七 表单 1 提示信息 2 表单控件 3 表单域
表单外面的框框
表单域
<from action="1.php" method="pdst">
用户名:<input type="text" name="username">
<br>
<br>
密码：<input type="password" name="pwd">
<br>
<br>
<input type ="sumbit">七 1，表单控件
1.文本输入框
属性： maxlength="" 设置输入最大长度 readonly 设置控件为只读 disabled 禁止用户输入 value 设置默认值 name 设置控件名称 id 控件编号
2.密码输入框
该控件属性与文本输入框属性一样
3.单选控件
注意：该控件实现单选效果需要给控件设置相同的name 名称
属性：checked 设置控件默认选中项
4.下拉列表
属性： selected 设置控件默认选中项
其他写法
5.多选控件 属性： checked 设置控件默认选中项
爱好： 看书or学习 orluyou旅游
6.资源上传控件
自带删除功能 后标删除叉号
数字设置最大值和最小值
设置范围
设置颜色
在移动端实现弹出数字键盘? required: 必须输入 如不阻止当前提交
关闭表单提示 autocomplete="off"
文本域