HTML、CSS、JavaScript通常被我们称为前端三大件。HTML表示页面的结构,CSS是样式,JavaScript则是行为。 有了这三者的灵活配合就可以形成一个完整的web页面。
HTML常见元素
一个HTML页面通常分为head和body两部分。
head部分元素
head部分的元素不会直接在页面上呈现,这里的元素主要是引入页面相关的资源和信息描述。
head部分的常见元素有:
- meta/title/style/link/script/base
meta
<meta charset="utf-8">
charset指定页面使用的字符集/编码,通常情况使用utf-8,所以在编写页面时首先在页面上设定编码,避免页面出现编码问题。
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
viewport是视口的意思,content属性意思是设置宽度=设备宽度,初始化缩放=1,最大缩放=1,用户不能缩放。这是适配移动端第一步。
base
<base href="/">
base里的href属性值指定一个基础路径,body部分的a,link等带有资源链接的标签都在链接前加上base设定的路径。
例如:
<base href="www.xuxinkai.cn">
<a href="/1.html">
这个时候a就是链接到www.xuxinkai.cn/1.html
body部分元素
body部分的常见元素有:
- div/section/article/aside/header/footer
- p
- span/em/strong
- table/thead/tbody/tr/td
- ul/ol/li/dl/dt/dd
- a
- form/input/select/textarea/button
HTML中的重要属性
- a[href,target]
- img[src,alt]
- table td[colspan,rospan]
- form[target,method,enctype]
- input[type,value]
- button[type]
- select>option[value]
- label[for]
© 版权声明
本文内容均基于《CC BY-NC-SA 4.0》协议创作或转载,仅供学习和研究使用,不得用于任何商业用途,您可以转载分享,但同时需保留原文链接。
THE END
请我喝怡宝