html基础知识
浏览器是将html语言翻译并进行渲染然后实现与用户的交互的一款软件
第一次访问的网页是会缓存物理文件到本地的,越复杂的网页文件越多
浏览器与服务器
浏览器向服务器发送请求报文(请求行+请求头+空行+请求体),服务器向浏览器发送响应报文(响应行+响应头+相应体)
可通过google浏览器开发者工具F12查看,F5刷新,在network选项卡,header选项里,response header 响应头,request header 请求头
URL:http:// + ip地址 + 端口号 + 资源名
URL:统一资源定位符,每个网页都是唯一的
http://:超文本传输协议,规定协议类型,用来解决浏览器和服务器的沟通问题
IP地址:
端口号:默认8080
资源名:
html基础知识
html标签是用来描述其他文本语言的,而且在浏览器中不会显示出来
<!doctype html>:DTD文档声明,由于W3C规定必须写在网页的第一行,告诉浏览器是用哪个版本的规范来写的,不是一个标签,不区分大小写
<html>:告诉浏览器这是一个网页
<head>:给网站添加配置信息,用户看不到,比如seo,js,css等
<title>:网站的标题
<body>:显示给用户看的内容
<meta charset="utf-8">:用来指定字符集,GB2312包含中文和少许英文,比较小,UTF-8包含全世界的语言,比较大,保存的文件的编码格式要与文件指定的字符集保持一致
Webstorm基础
新建文件 ctrl+alt+insert
h1-h6 赋予文字标题的语意 块级元素 h1只能有一个
当前行末尾 end
当前行最前 home
ctrl+shift+[ / ] 选中当前整行
ctrl+alt +t 选中T2 回车 让标签包裹整行内容
光标在多行中闪烁 alt+左键进行拖动
ctrl + alt + l 代码格式化
shift + tab 向左缩进
P标签 赋予文字段落的语意 块级元素 可通过Google F12 element查看
hr标签 单标签 块级元素 一条分隔线
strong标签 重要性强调的文字语义
ins标签 插入的文字语义
em标签 强调的文字的语义
del标签 删除的文字的语义
ctrl+d 复制当前行 ctrl+x 删除当前行
ctrl+/ 注释行 ctrl+shift+/ 注释整块
img标签 src属性 图片名字 alt属性 图片不显示时替代显示的内容 title属性 鼠标悬停时弹出的描述框 height属性 高 widt属性 宽 如果没有设置宽高 按图片大小自动变 如果只设置其中一个 系统会自动计算保持比例 保证不会变形
br标签 换行 可以累积使用 语意:不另起一行换行,内容还没有描述完。 企业开发少用
ctrl + shift + ↑:整行代码上移
ctrl + shift + ↓:整行代码下移
ctrl + shift + -:整行代码折叠
ctrl + shift + +:整行代码打开