Web前端基础(1)HTML基础知识
比较有名的专门制作网页工具
- DreamWeaver (Adobe公司的产品,过时了,不是一个好的代码编辑器)
- Sublime (高效率的程序书写工具)
- WebStorm (更高级的项目级别编程工具)
html骨架和基本语法特征
输入“html:xt”按Tab就会生成骨架
任何一个标准的HTML页面,第一行一定是一个以 <!DOCTYPE …… 开头的语句。(文档声明头)此标签告诉浏览器文档使用的是那种HTML或XHTML规范。
我们现在学习的是HTML4.01这个版本,这个版本是IE6开始兼容的。HTML5是IE9开始兼容的,但是IE 6,7,8这些浏览器还不能过早被淘汰,所以这几年网页还是该用HTML4.0.1来制作,移动端可以使用HTML5了。
HTML4.01里面有两大种规范,每大种规范里面又各有3种小规范。所以一共6种规范。
HTML 觉得自己有一些规定不严谨,比如,标签是否可以用大写字母呢?
-
strict表示严格的,这种模式要求比较严格,比如标签:
我们学习的就是XHTML1.0中的transitional版本,因为我们的页面中偶尔要使用一些类似u这种标签。HTML5中极大的简化了DTD,也就是HTML5中没有XHTML了。
字符集用meta标签定义,meta表示”元“。”元“配置就是标识基本的配置项。
|
html的基本语法特征
- html对换行不敏感。
- html中文字之间所有空格,换行,tab都将被折叠为一个空格显示。
|
- 国家首都,政治文化中心
- 魔都,有外滩,东方明珠塔
定义列表用法非常灵活,可以一个
-
div在浏览器中,默认是不会增加任何的效果改变的,但是语义变了,div中的所有元素是一个小区域。
div表情是一个容器级标签,里面什么都能放,甚至可以放div自己span也是表达”小区域,小跨度“的标签,但是是一个”文本级“的标签,也就是说span里面不能放p, h, ul, dl, ol, div
span里面是放置小元素的,div里面放置大东西的所以,我们亲切的称呼这种模式叫做”div+css”, div标签负责布局,负责结构,负责分块。css负责样式。
表单就是收集用户信息的,就是让用户填写,选择的
label就是为了绑定某个标签(点击“男”这个字就可以选定单选框)
input元素要有一个id,然后label标签就有一个for属性,for的值和id值相同就可以绑定。html中废弃了带有样式作用的标签,html本身不应该具有样式。
您的支持是我创作源源不断的动力