关于web前端入门
一、软件结构划分
1、C/S结构：Client（客户）-Server（服务器）之间的交互。特点：客户端的软件必须升级才能使用服务器高版本的功能。例如：阿里巴巴等。
2、B/S结构：Browser（浏览器）-Server（服务器）之间的交互。特点：浏览器端的软件无需特定的升级就可访问服务器端的网站。例如：网易新闻等。
JavaWeb/EE均基于B/S结构。
二、网站基本认识
基于B/S结构的应用都叫网站。组成：由很多的html标签组成。
三、W3C组织
规范了html、css、js（javascript）的写法。其中：
html：结构化标准。
css：美化网页的样式。
javascript：行为化标准。
四、HTML（Hyper Text Markup Language，超文本标记语言）
1、HTML语言结构
2、html常用标签
（1）常用文本标签
标题标签：h2~h7（字体依次变小）
缩进标签：blockquote
段落标签：p
换行标签：
字体标签：font
上/下标标签：sup/sub
水平线标签：hr
原样输出标签：pre
（2）图像标签img
空标签体：![]()
主要属性如下：
src：链接到的资源图片。
width：图片宽度。两种使用方式：a、指定像素；b、百分比（常用）。
height：图片高度。
title：悬停状态时显示的文字。
alt：图片失效时，用来解释说明该图片的文字。
（3）表格标签table
tr：行标签
td：单元格（列标签）
th：表头标签（特点：自动居中、自动加粗）
主要属性如下：
border：边框（1px）（必有属性）。
align：当前表格在浏览器中的对齐方式。属性值：center、left、right。
bgcolor：背景颜色。
rowspan：行合并。
colspan：列合并。
width：表格宽度。
height：表格高度。
caption：标题标签。必须放在
标签之后，且每个表格只能规定一个标题。
（4）表单标签form（重点）
作用：采集用户输入的数据。
应用场景：a、登录。输入用户名基本信息（用户名、密码等）→点击登录→提交到系统后台→系统校验是否存在该用户→若存在则登录成功，否则失败。b、注册。采集用户输入信息→提交后台→服务器数据库查看是否有当前用户名，若有注册失败，若无则成功。
重要属性：
action：提交的地址（资源文件或URL（统一资源定位符））。
method：提交方式，常用get、post。get与post区别如下：
get提交方式：a、将用户信息战士到地址栏中（不安全）；b、提交的文件大小不能超过64kb。
post提交方式：a、不会将用户的信息展示到地址栏中（安全）；b、提交文件大小无限制。
onsubmit：表示当前表单是否提交成功。true：提交成功。false：提交失败。
name：表单标签中name属性必须指定，用来给后台提交。
举例：
（5）超链接标签a
作用：a、连接到某个资源文件或资源地址（URL)；b、作为锚链接使用。
在同一个html页面下时：
a、打锚点锚点名称
b、创建跳转跳转名称
在不同html页面下时：
a、打锚点锚点名称
b、创建跳转标记
c、跳转名称跳转名称
常用属性：
href：连接到的资源文件或地址。
target：打开资源文件的方式。常用属性值：_self（在当前窗口直接打开）、_blank（新建窗口打开）。
常用协议：
file://本地文件协议。
http://自己执行流程。通过查看hosts文件中有没有该域名对应的ip。若有，调用程序访问，若无，联网操作访问。
thunder://迅雷协议。
mailto://邮件协议。
（6）转义字符（必须加分号）
空格： ； <： 祝辞:和gt注册商标:,reg;版权所有:,复制;
五,CSS(层叠样式表级联样式表)
1,三种使用方式
(1)行内样式
标签风格属性:指定样式
弊端:风格属性和html标签混合使用,不利于后期维护
(2)内部样式(在头标签中,书写风格标签)
& lt;风格类型=拔谋?css"在
标签名{
书写样式;
}
& lt;/style>
(3)外部样式
。创建一个独立的后缀名为. CSS结尾的CSS文件
选择器{
书写样式;
}
b。导入外部CSS文件
& lt;链接href=https://www.yisu.com/zixun/皒xx.css rel="样式表" type=" text/CSS ">
2, CSS选择器
(1)标签选择器
标签名称{
CSS属性:CSS属性值;
}
(2) id选择器
# id属性值{
CSS属性:CSS属性值;
}
