html 前端总结

一、web与HTML的基本介绍
1.HBuilder 工具使用(百度搜索下载就可以)
!!!所有双引号都是英文的!!!
段落标签:p 他也是一个双标签 换行标签:br 他是一个单标签
空格符号:&nbsp ;
二、.图片标签:img 他是一个单标签 <img/ > 标签使用:< img src = “”/> 在这个语法中 width = “300px” (宽度) height = “200px”(高度) title = “给图片设置一个标题” alt = “当图片没有加载过来,或没有显示的时候
3.超链接标签:a 他是一个双标签 < /a>
语法: < a href=”http://www.baidu.com”>百度

三、路径分为两种 【1:绝对路径 2:相对路径】
1.相对路径:分为同级路径、上级路径、下级路径
2.同级路径: < img src = “test.jpg” />
3.下级路径: < img src=”img/test.jpg” />
4.上级路径: < img src = “…/test.jpg” />
四、表单的标签叫form 是一个双标签 叫做表单域
< form action=" " method= " ">
1.用户名: < input type=”text” name=”username” />
2.密码框: < input type=”password” name=”password” />
3.注册:< input type=”submit” value=”注册”/>
4.单选框:< input type = “radio” name=”sex”/> 男
5.复选框:< input type = “checkbox” />
6.文本域:< textarea name=”” rows=”设置多少行” cols=”设置多少列” /> (用户发帖子发论坛)
7.下拉菜单:< select name=“city”>
语法:< option name=BJ>北京
< option name=TJ>天津
< option name=SD>山东
8.重置按钮:< input type=“reset” />
9.普通按钮:< input type=“button” value=“普通按钮” />

发布了16 篇原创文章 · 获赞 0 · 访问量 138

猜你喜欢

转载自blog.csdn.net/beyongboy/article/details/104734905