Web第一次

代码1:

运行结果:

 代码2:

运行结果:

笔记:

内存:暂时存储,读写速度快,存储空间小硬盘:持久化储存,容量较大,读写慢软件:系统软件:windous,linux,mac
应用软件:微信,qq
c:client客户端 b:browser浏览器 s:server服务器
c/s架构: 客户端服务器,需要自己安装,更新,不跨平台,大型应用,对安全系数高(导弹系统),英雄联盟,国防等 b/s架构:不用更新,不安装,跨平台---写网页,,,微信小程序,react客户端开发,echarts数据可视化

前端代码可通过浏览器转化成网页(渲染和解析)浏览器:网页显示运行的平台浏览器渲染引擎
常见浏览器:Safari IE 谷歌 火狐 欧鹏
内核:浏览器核心,用于处理浏览器所得到的各种资源360 qq浏览器:双核 chrome;webkrit

课程大纲:html结构 css表现 js行为jquery库 Bootstrap前端高端:anqular angluarijs VUE React webpack nod

网站:英特网上根据一定规则,用html等制作的用于展示特定内容相关的网页集合
网页:构成网站的基本元素,有文字,图片,视频,超链接(点一个页面进入到另一个页面) html超文本标记语言
超:超链接,能从一个网页跳转到另一个网页,,有文字音频视频结构,表现,行为(iavascript)(css用来做页面美化)

html基础语法
大小写不敏感(建议小写)<!--注释:对代码进行解释-->注释快捷方式ctrl+/双标签
<strong>.....……</strong>字体加粗 不分大小写
<Marquee loop="1">........</marquee>字体滑动 循环一次
属性
属性:属性名="属性值",给标签添加附加信息一个元素可以有多个属性属性之间要打空格 Disabled="disabled disabled
当两个相同时,只写属性名单标签
<input/>输入框(/可以省略)标签也叫元素
html标签可以互相嵌套
<开始标签>标签体(内容)</结束标签>

html骨架:<html>
<head></head><body></body></htmi>
<!DOCTYPE html><!-- 文档声明 -->

Mdn
M3school
标题标签h1-h6逐渐变小,独占一行段落标签
换行符<p>...</p >    <p>.....</br>    
水平线标签<h2>...</h2>

<h2>...</h2>
<hr/>水平下划线

文本格式化标签

倾斜<em>....</em> <i>...</i>
删除线<del>2999</del> <s>....</s>下划线<u>...</u>

无语义标签
<div>.</div>容器,独占一行 可以嵌套在里面写标签
<span>一行可存在多个aaa    编辑    
< img src="" alt="">
imq图片嵌入元素src指向图片位置alt图片地址发生错误时用来提示title鼠标经过时显示的文字 border加边框

标题标签
标题标签h1-h6逐渐变小,独占一行段落标签
换行符<p>...</p >    <p>.....</br>    
水平线标签<h2>...</h2>

<h2>...</h2>
<hr/>水平下划线,,单标签

文本格式化标签加粗b
倾斜<em>....</em> <i>...</i>
删除线<del>2999</del> <s>...</s>下划线<u>....</u>

无语义标签

<div>.….</div>容器,独占一行,可以嵌套在里面写标签<span>一行可存在多个aaa< img src="" alt="">
img图片嵌入元素 src指向图片位置alt图片地址发生错误时用来提示 title鼠标经过时显示的文字 align设置图片与文字的对齐方式 Width=“50px”宽(自适应) border=“2px”加边框
视频标签 属性必须带controls Autoplaymuted 自动播放提前静音

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值