1、什么是超文本和标记
2、网页的基本结构:<head></head>,<body></body>,开头结尾分别是<html></html>,其中的/表示结尾
3、(title)设置网页头部标签:<title></title>
4、(body)在网页中插入图片:<img src="./图片名.扩展名"/>
5、(body)在网页中插入音乐:<audio autoplay="autoplay" src="./音乐文件名.扩展名"></audio>
【这里最好不要使用太长的音乐,不然很可能无法播放出来】
6、(body)在网页中插入视频:<video controls="controls" src="./视频名.扩展名"></video>
【视频最好是MP4格式,用其他格式可能出现问题】
7、(title)在网页中插入javascript文件,打开网页时弹出小提示窗口:
格式一:<script src="./demo.js"></script>【demo.js是另外新建的一个文件,里面内容即为alert("xxxx");】
格式二:<script>
alert("xxxx");
</script>
8、(title)在网页中插入标签开头的小图标(一般是网站的标志):
<link rel="shortcut icon" type="image/x-icon" href="./图片名.扩展名"/>
【图片尽量选择尺寸较小的】
9、在body中输入内容:<span>想输入的内容</span>
如果想把输入的内容改变颜色,如粉色,<link rel="stylesheet" type="text/css" href="./demo.css"/>,
此处的demo.css为自己建的文件,建一个txt文件,改扩展名即可,
内容为span{
color:pink;
}10、防止乱码:<meta http-equiv="Content-type" content=""text/html;charset=UTF-8">,
这里需要将所写的.html,.css,.js文件另存为,然后将编码改为UTF-4,这样就不会在网页中出现乱码了。
11、打开此电脑快捷键:win+E
12、Tab:代码的缩进
13、重命名:点击一下,过一两秒再点击一下,即可重命名,不要双击更不要间隔时间过长。
14、窗口间切换:Alt+Tab、win+Tab
15、关闭当前窗口快捷键:win+F4
16、扩展名是用来让计算机识别这是什么格式的文件从而选择恰当的应用程序来打开它。
注意事项:1、注意不要拼写错,细心。
2、注意所有的符号都要是英文格式,不能有中文符号,会导致程序错误。
3、改扩展名之前要先去此电脑中点击查看,将文件扩展名的复选框勾上,再改扩展名。
4、注意缩进,程序的错落有致,养成良好习惯。
程序代码:
<html>
<head>
<title>baidu</title>
<link rel="shortcut icon" type="image/x-icon" href="./小图标.jpg"/>
<link rel="stylesheet" type="text/css" href="./demo.css"/>
<meta http-equiv="Content-type" content=""text/html;charset=UTF-8">
<script src="./demo.js"></script>
</head>
<body>
<span>xingtang</span>
dsfhuiefrenvp[lpasd;lmjnbnewklkm;lkzpop是多久发货和覅u不分你我i键盘
<img src="./电话.png"/>
<audio autoplay="autoplay" src="./music.mp3"></audio>
<video controls="controls" src="./1.mp4"></vedio>
<body>
<html>