当前位置：主页 > 查看内容

2021-04-11

发布时间：2021-06-11 00:00| 有 位朋友查看

简介：? ? ? ? ? ? ? ? ? 前端HTML5-01 ? ? ? ? ? ? ? ? ??1.前端(结构、表现、行为 ? ? ? ? ? ? ? ? ? ?? ★ 结构:HTML用于描述页面的结构 ? ? ? ? ? ? ? ? ? ?? ★ 表现:CSS用于控制页面中元素的样式 ? ? ? ? ? ? ? ? ? ?? ★ 行为:JavaScript用于响应用户的操作……

? ? ? ? ? ? ? ? ? 前端HTML5-01

? ? ? ? ? ? ? ? ??1.前端(结构、表现、行为）

? ? ? ? ? ? ? ? ? ??★结构:HTML用于描述页面的结构

? ? ? ? ? ? ? ? ? ??★表现:CSS用于控制页面中元素的样式

? ? ? ? ? ? ? ? ? ??★行为:JavaScript用于响应用户的操作

? ? ? ? ? ? ? ? ?2.编写自己的第一个网页

? ? ? ? ? ? ? ①创建一个记事本txt文件:index.txt 。????

? ? ? ? ? ? ? ?②可在该txt文件内输入一首诗（任何内容即可）。? ? ? ? ? ? ? ? ? ? ? ?例:

? ? ? ? ? ? ? ③将该文件的格式命名为html，则该文件变为一个网页。? ? ? ? ??

? ? ? ? ? ? ? ? ?我们打开该网页浏览一下，见下图:（没有任何的修饰）

? ? ? ? ? ? ? ④简单美化网页内容:? ? ?1、添加标签(区分(一二级)标题、段落

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

<html>
<head>
<title>我的第一个网页</title>
<h1><font color="pink"size=3>凤栖梧</font></h1>                       
<h2>——柳永</h2>		

<p>伫倚危楼风细细，望极春愁，黯黯生天际。</p>
<p>草色烟光残照里，无言谁会凭栏意。</p>

<p>拟把疏狂图一醉，对酒当歌，强乐还无味。</p>
<p>衣带渐宽终不悔，为伊消得人憔悴。</p>
</head>
</html>

? 我们也可以用<title>标签对网页的标题进行修改。例:

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?效果图 :??

? ? ? ? ? ? ? ? ? ? ? ? ? ? 另:HTML的注释(<!--? ?-->)，注释中的内容会被浏览器所忽略，不会在网页中直接显? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 示,?但是可以在源码中查看注释。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?注释用来对代码进行解释说明的开发中一定要养成良好的编写注释的习惯，

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?注释要求简单明了。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?注释还可以将一些不希望显示的内容隐藏。

? ? ? ? ? ? ? ? ? ? ? ? ? 注释不能嵌套

? ? ? ? ? ? ? ?2、标签的属性:? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

<h1><font color="pink"size=3>凤栖梧</font></h1>

? ? ? ——>

★可以通过meta标签来设置网页的字符集，避免乱码问题

<meta charset="utf-8">

注：以前上计算机导论课有学过这些内容，但比较笼统，现在又学一遍，算是再次系统的学习一遍，为日后的前端学习打下扎实的基础。

；原文链接：https://blog.csdn.net/qq_53950248/article/details/115587082
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：关于JS正则匹配的一个坑 下一篇：canvas重力小球 html+css+js

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐