HTML

发布时间:2022-06-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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,请注明来意。
标签: