Web网页开发-初识web-笔记

发布时间:2024年01月01日

1.被< >围起来的内容叫做标签
2.DOCTYPE:文件类型
? ?lang:语言
? ?charset:字符集
3.网页中任何效果都需要用标签实现?
4.html中不支持回车
5.图片:
? img:图片标签 ? src:存放图片的位置 ? alt:当图片加载不出来时的错误提示
? title:当光标停放在图片上时的提示语
? width:宽度px ? ?height:高度px
6.绝对路径:从盘符开始(一级一级) ? 相对路径:相对于当前网页文件的位置
? ?相对路径:
? ? ./找与当前网页文件处于同一列的内容
? ?../找与当前网页文件前一列内容
7. h:标题标签,1-6
? ? 特点:依次减小,一行一个,默认加粗
8. p:段落标签,两段之间有空行
9.

(1)表格标签:<table></table>
属性:
border:边框
width:宽度
height:高度
align:表示水平对齐方式[left、center、right]
cellspacing:单元格之间的间距[数值越大,间距越大]
cellpadding:内容到单元格的距离[数值越大,间距越大]
bgcolor:背景颜色
background:背景图片[background>bgcolor]


(2)行标签:<tr></tr>
属性:
可以改变高度不能改变宽度
align:行内容的水平位置


(3)单元格标签:<td></td>
属性:
align:单元格内容的水平位置
表头标签:th[特殊的单元格,会使内容加粗并且居中显示]
表格标题标签:caption[会出现在表格正中上方]
横向合并:colspan
纵向合并:rowspan
10.表格创建快捷方式:table>tr*行数>td*单元格个数
11.列表:
(1)有序列表<ol></ol> <li></li>
属性:
type:列表符号的类型[1、a、A、i、I]
start:表示列表顺序从第几项开始
reversed:倒序

(2)无序列表<ul></ul> <li></li>
属性:
type:列表符号的类型[circle(空心圆)、disc(实心圆)、square(小方块)]

(3)自定义列表
<dl>
? ? ? ? <dt>专业名词</dt>
? ? ? ? <dd>解释说明</dd>
</dl>
12.表单标签:
? ? ? ? ? ? ? ? ? ? <form></form>
属性:
输入标签:input? type="text"? ?文本输入框
? ? ? ? ? ? ? ? ? ? ? ? ? ? type=“password"? ?密码输入框
? ? ? ? ? ? ? ? ? ? ? ? ? ? type="checkbox"? ?复选框
? ? ? ? ? ? ? ? ? ? ? ? ? ? type="radio"? ?单选框[在相同name的单选框中只能选择一个]
? ? ? ? ? ? ? ? ? ? ? ? ? ? type="button" value="提示语"/<button>提示语</button> ? 按钮
? ? ? ? ? ? ? ? ? ? ? ? ? ? type="submit"? ?提交按钮
? ? ? ? ? ? ? ? ? ? ? ? ? ? type="reset"? ? ? 重置按钮
? ? ? ? ? ? ? ? ? ? ? ? ? ? type="image"? ? 图片按钮
? ? ? ? ? ? ? ? ? ? ? ? ? ? type="file"? ? ? ? ?上传文件
? ? ? ? placeholder=""? [提示语]当输入框输入内容之后,会被覆盖
? ? ? ? value=""? [提示语]初始值,当输入框输入内容之后,不会被覆盖
? ? ? ? name:用于区分input
? ? ? ? readonly:只读
? ? ? ? disabled:禁用
? ? ? ? maxlength:最大长度,最多输入的个数
13.文本域标签:textarea cols="" rows=""
14.绑定标签:<label></label>[可以把表单元件与文字绑定]
15.下拉列表标签:<select></select> ?
? ? ? ?下拉列表项<option></option>
16.超链接:<a></a>

文章来源:https://blog.csdn.net/pinbodeshaonian/article/details/135328749
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。