美文网首页前端学习
1.6 html基本语法特性3

1.6 html基本语法特性3

作者: cd72c1240b33 | 来源:发表于2017-02-15 23:31 被阅读107次

1. 关于表单的一些补充

  • 提交按钮的补充<input type="submit" />这个按钮点击,表单真的能提交。这个表单就会被提交到,form标签的action属性中的那个页面中去。
    前端开发工程师,只需要关心页面的结构,样式,动效,前后台交互等,至于数据的保存,读取,都是后台工程师做的事情
    (Node.js就是后台语言,到时候我们就知道怎么把表单存储到数据库中了。)
  • input的类型实际上非常多,HTML5将会变得更多。现在的阶段,input的类型;
    • text
    • password
    • radio
    • checkbox
    • button
    • submit
    • reset
  • label标签
    • 本质上讲,“男”、“女”这两个汉字,和input元素没有关系。
    • 用了label标签后,点击文字,就会自动聚焦到对应的input标签;
<label for="name">请输入您的姓名:</label>
<input id="name" type="text" placeholder="姓名"/>

2. HTML杂谈

2.1 HTML注释

  • 任何的程序、代码都有注释,注释就是给程序员看的,不影响程序的。
  • 适当的注释,能够让我们的程序更加可读;在原生js中,也可以锻炼我们的编程思维;
  • HTML注释的语法:``
  • 注释快捷键:ctrl+/

2.2 字符实体

  • 如果想在页面上输出标签,例如<div>; 可以用&lt div &gt
    • &lt 小于
    • &gt 大写
  • &copy; : ©版权符号
  • &yen; : ¥ 人民币符号;
  • &nbsp; : 空格符号;

2.3 HTML废弃标签介绍

  • HTML现在只负责语义,不负责样式,但是一开始HTML连样式也包了;这些样式的标签,都已经被废弃;
//2004年之前就有的标签
<font size="9" color="red">哈哈</font>
//这些标签都是CSS钩子,而不是原意;
<b>加粗</b>
<u>下划线</u>
<i>倾斜</i>
<del>删除线</del>
<em>强调</em>
<strong>强调</strong>
//水平线
<hr/>
//换行;换行用P,不要用br;
<br/>
  • 因为以上标签,都有浓厚的样式的作用,干涉了CSS的作用;所以,HTML抛弃了他们;

标准的html页面,有的标签很少:

  • div h1 p span a img ul ol li dl dt dd dh input

相关文章

网友评论

    本文标题:1.6 html基本语法特性3

    本文链接:https://www.haomeiwen.com/subject/reqcwttx.html