脚本宝典收集整理的这篇文章主要介绍了HTML,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
一、web前端标准
1.html结构标准
2.css样式标准
3.js行为标标准
二、五大浏览器厂商
1.ie
2.谷歌
3.火狐
4.苹果
5.欧朋
三、html定义
超文本标记语言
四、第一个html页面
1.<!DOCTYPE html>描述当前文件的版本信息,如果没有详细说明4.0还是x1.0那就是5版本
2.<html>html文件
3.<head>网页的头部
4.<meta charest="UTF-8">utf-8是国际编码的意思,如果不写,或者写成其他都会有问题。
5.<title>此处内容是网页的标题</title>
6.<body>我们自己写的所有代码都放在这里</body>
注意:html文档不能正常识别回车和换行,只能使用特定代码来实现:标签、标记、节点。
五、标签语义化
在合适的地方使用合适的标签(该放p就放p)
标签语义化的好处:语义化做的好,可以让搜索引擎把你的网站排名更靠前。
六、h和p标签
H有六个1到6依此变小,代表文章标题
P代表文章
七、bui和小伙伴
B代表加粗
Strong也代表加粗,多了加强的语义
U代表下划线
I代表倾斜
Em也代表倾斜,多了强调语义
S代表删除线
Del也代表删除线,建议使用del代表s
注意:strong代表特别强调,一篇文章中不要出现多次;Em代表一般强调,一篇文章中可以出现多次;
<br/>单标签 代表一个换行回车
八、img图片标签
img是一个单标签
<img src= “图片名字” width=“宽度” height=“高度” alt=“1.图片未加载的提示文字2.网页阅读器可以读取这里的文字” title=“鼠标悬停时候的提示文字”/>
注意:属性名=“属性值” 属性名=“属性值”
空格不能丢,符号都要使用英文状态下,属性设置不分先后
宽高设置其中一个,另外一个等比例缩放
九、链接
<a href="地址">文字</a>
注意:如果要跳转到线上地址,必须加http://.本地文件直接写路径:
空链接:1.### 2.javascript:; 3.Javascript:void(0);这三种都可以
锚点链接:点击之后可以跳转到页面的对应位置:给像跳转到的位置写一个id属性,a标签中的href属性写#id的值。
十、表单
所有用户输入的内容都要放在form标签中;
Action 代表数据给那个后台程序;
Method 代表传输数据的方法 1.post(加密) 2.get(不加密);
<input type=""/> input代表输入框标签(单标签),type类型决定这个输入框的类型
Name属性代表 这个输入框的名字;
id打包输入框的id编号
Value代表默认输入框(不符合用户体验、应该换成placeholder)
注意:placehoder属性ie低版本不兼容,但是我们实际工作中还要使用,因为渐进增强(随着浏览器版本的提升,效果越来越好),优雅降级(在高版本浏览器显示效果好的前提下,保证了低版本浏览器不错低)。
1.type=“text” 代表普通输入框
2.type=“password” 代表密码输入框
以上是脚本宝典为你收集整理的HTML全部内容,希望文章能够帮你解决HTML所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。