作者：263企业邮箱温州授权合作伙伴 | 来源：互联网 | 2023-09-03 11:10
web前端:1.HTML(网页内容载体HypertextMarkupLanguage)，网页的结构层(骨架)。2.CSS(网页外衣Cascadingstylessheets)，网页
web前端:
1.HTML(网页内容载体 Hypertext Markup Language)，网页的结构层(骨架)。
2.CSS(网页外衣 Cascading styles sheets)，网页表现层(样子)。
3.JS(实现网页上的特殊效果和逻辑 Javascript)，网页行为层(行为)。
1-1.认识html结构
网页在浏览器显现的区域
1. DOCTYPE是document type(文档类型)的简写，在web设计中用来说明你用的XHTML或者HTML是什么版本， 是最简洁写法。
2. ... html标签，标签里面包含body、head等标签。lang=“en“用来告诉浏览器这是一个英文页面，也可以为lang="zh"或lang="zh-CN"表示中文网页。
3. ... head标签，里面常放meta、title、link、style、script等标签。一般用来放标题、关键字、css、js等内容。
4.
5. title标签。网页的标题。即平常打开的网页窗口的名字。
6. ... body标签，网页主要显示区域。里面用来放要在网页上显示的内容。
1-2.认识html里面的标签
1-2-1 标签书写分类：
1. 成对出现的标签：、、、....等等
这些标签是以为闭合标签，标签中间写相应内容。
2. 单标签：、
、、...等，
这些标签是单标签，使用时为了规范尽量要加 / 。单标签一般通过标签属性来添加相应功能。
1-2-2 代码注释
1. html代码注释：
2. css代码注释：
/*注释内容*/
3. js代码注释：
单行代码注释：//注释内容；
多行代码注释：/*多行代码*/。
1-2-3 标签介绍(红色为常用标签)
1.body标签：
...放网页要展示的内容。
2.p标签：
...
段落标签，添加段落，有默认样式。
3. →标题标签，
从h1到h6越来越小，有默认样式。
4.strong、em标签：
强调标签 加粗；斜体。
5.span标签：
...默认没任何样式，单可以用css控制里面内容的样式。
6. q标签：
...
短文本引用。显示会给标签内容加双引号。
7. blockquto标签：
...长文本引用标签。有默认样式，段落前后缩进。
8. br标签：
换行标签。
9. 标签：
空格符每写一个只代表一个空格，
10. hr标签：
添加水平横线有默认样式。
11. adress标签：
一般写地址，邮件，签名，身份等(语义化)，默认斜体。
12. code、pre标签：
...引入一行代码。引入多行代码。
13.ul、ol、li 标签：
无序列表，默认样式为每个li前为小黑点。
有序列表，默认样式为每个li前为数字。
14. dl、dt、dd 标签：
定义列表 - 列表标题
- 列表项
- 列表标题
- 列表项1
- 列表项2
15. div 标签：
最常用的标签，常用于布局排版。
16. table、caption、thead、tbody、tr、th、td：
background背景图片，bgcolor背景色，cellpadding文本到单元格边框距离，cellspacing单元格到表格边框距离
表头
标题文本
第一列的标题 |
第二列的标题 |
第二行第一列 |
第二行第二列 |
|
|
第三行第一列 |
第三行第二列 |
17. a标签：
超链接标签超链接显示的文本默认a标签是在当前页打开，target属性为blank时在新窗口打开。
a标签伪类顺序：a:link > a:visited > a:hover > a:active
18. img标签：
图片地址” alt="图片下载失败时可看到指定的文本" tltle="鼠标滑过图片时显示的文本" />
19. form标签：
传送方式(GET/POST)"action="服务器接受数据的地址">
20. input标签：
按钮或输入框，有不同类型，分别对应文本/密码/按钮/提交按钮/单选/复选，H5新增了很多类型：number、date、tel、email、range、time等等
21. textarea标签：
文本域标签，也可用样式控制大小。
22. select标签：
下拉选项框
23. marquee 跑马灯(弹幕)：
相关属性:loop循环次数，direction滚动放向(left,right)，behavior滚动方式(scroll,clide,alternate),width,height,bgcolor背景色，scrollamount滚动次数，scrolldelay延时
24. iframe和frame标签：
将别的网页整体引入自己的页面
京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有 