30-工具代开浏览器运行代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
普通文字
<b>我是b</b>
<strong>我是strong 我又加粗了 又代表特别强调</strong>
<br />
普通文字
<i>我是i</i>
<em>我是em 又倾斜 又一般强调</em>
<br />
<!-- w3c明确说明:s要被del替代 -->
原价<s>998</s>
原价<del>999</del>
现价9.98
</body>
</html>
b和strong都可以代表加粗,后者代表特别强调的语义;
i和em都可以实现倾斜,后者代表一般强调语义;
s和del都可以实现删除线效果,后者即将替代前者
位置是最关键的,安装好浏览器软件后,都会在桌面上有快捷图标,通过浏览按钮,找到你桌面上的图标即可;
31-键值对kv对属性名和属性值
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--
属性可以理解为客观(不以意志为转移)事物的固有特点
-->
<!--
键值对儿、kv对儿、属性名和属性值
人 身高="180" 年龄="18" 体重="100"
-->
<!--
1、先把图片准备好,复制到当前html文件同一级文件夹中
2、src代表资源,它后面的值应该写想要加载的那张图片的名字
3、width代表宽度(横向距离)、height代表高度(纵向距离);注意:宽或高只设置其中一个属性,另外一个会按照原图的比例去进行缩放显示;如果宽和高都不设置,图片会按照原本的大小去显示
4、title="鼠标悬停时候的提示文字"
5、alt (1)当图片未正常加载的时候,文字才会被别人看到 (2)网页阅读器读取此内容给视障用户听,提升用户体验
-->
<img src="t1.gif" width="300" title="鼠标悬停时候的提示文字" alt="此张图片描述信息" />
</body>
</html>
人 身高=“100” 年龄=“10” 体重=“100”
键值对,kv对儿,属性名,属性值
32-img标签
图片复制到html文件同一级文件夹当中
img+tab建
img src=“” alt=“”
img src=“” alt=“”
src对于的属性值显示想要的展示的文件
src代表资源,后面的值应该写想要加载那张图片的名字
img src=“t1.gif” alt=“”/
350超链接的基础语法
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--
超链接:点击之后实现页面内容的跳转
href属性对应的属性值应该设置成带有 http:// 才可以打开线上的网站
-->
<a href="http://www.baidu.com">点击我可以打开百度</a>
<br />
<!--
如果想打开本地(你自己的电脑)的页面,只需要把目标文件和当前文件放在同一个目录中,在href属性中写目标文件的名字即可
-->
<a href="02文章标题.html">点击我可以打开本地的页面</a>
<!--
新窗口打开链接:默认超链接都是在当前窗口打开,如果想在新窗口打开,需要添加target属性
-->
<br />
<a href=