笔记:
计算机基础:
硬件:控制器、运算器、输入设备、存储器:内存、磁盘
软件:系统软件:wiodow、mac、linux
应用软件:网易云音乐
bs架构:浏览器服务器架构
cs架构:client 客户端服务器架构
html(架构)、css(表现)、javascript(行为)
一、HTML:超文本标记语言-----超链接
1、HTML的语法:
常见标记、双标记:
<标记 属性名="属性值">文字内容</标记>
单标记:
<标记 属性="属性值"/>
注:属性:给标签提供额外的信息
标签可以嵌套
每一个标签都有自己的属性不要乱用
2、基本骨架:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
3、注释:
<!--注释内容--> 快捷键:ctrl+/
4、标题标签:
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>
h1~h6逐级减小
6、文本格式:
<strong></strong>或<d></d> 加粗
<i></i>或<em></em> 斜体
<del></del>或<s></s> 删除
<sup></sup> 上标
<sub></sub> 下标
<u></u> 下划线
<hr/> 水平线
<br/> 强制换行
<pre> 预格式化
7、插入图片:
<img src="同一级可直接通过图片名或./" width="100px" alt="我是一个皮影戏"/>
<img scr="上一级用../" title="你是一只狗子,名字叫Tom"/>
注:alt属性:图片不显示时的提示信息
相对路径:相对于我这个文件夹来说你的位置
绝对路径:这个文件在电脑U盘上的确切位置
网络路径:网络上的地址
8、无序列表:
<ul type="square">
<li>数据1</li>
<li>数据2</li>
<li>数据3</li>
<li>数据4</li>
</ul>
9、有序列表:
<ol>
<li></li>
</ol>
10、自定义列表:
<dl>
<dt></dt>
<dd>
</dd>
<dd>
</dd>
<dl>
二、HTML5
1、HTML5是什么?
H5是HTML的第五个版本
H5是一门技术的总称
2、干什么?
1)网页开发
2)小程序、公众号
作业:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>将于第三季度上市 上汽斯柯达新款速派官图</h1>
<strong>日前,我们从官方获悉,上汽通用别克昂科拉GX内饰将于6月3日首次亮相。新车在2019上海车展期间首发,但内并未开放,官方宣布其将于下半年上市。</strong>
<ul>
<li>教师资格语文备考-现代文阅读技巧</li>
<li>确定语素的方法</li>
</ul>
<img src="./微信图片_20231111223018.jpg"/>
<img src="./微信图片_20231111223032.jpg">
<img src="./微信图片_20231111223044.jpg">
<img src="./微信图片_20231111223053.jpg">
<p>1.不用砸锅卖铁也能开上X3 赶紧提一辆</p>
<p>2.点点滴滴历历在目 长安CS55迟到的提车作业</p>
<hr/>
互联网新闻信息服务许可证10120170001 | 增值电信业务经营许可证B1-20060139
<p>信息网络传播视听节目许可证0104065 | 广播电视节目制作经营许可证(广媒)字第172号</p>
</body>
</html>