<!DOCTYPE html> <!--标准写法-->
<html lang="en">
<head>
<!--meta 用来设置网页的一些元数据,比如字符集、关键字、简介等-->
<meta charset="UTF-8">
<!--设置网页的关键字, 设置网页的描述, 使得在搜索关键字时可以被搜到,但是不会影响排名-->
<meta name="keywords" content="HTML5, JavaScript">
<meta name="description" content="....">
<title>Title</title>
</head>
<body>
<!--对搜索引擎而言,h1的重要性仅次于title,搜索引擎检索完title,会立即检索h1,从h1到h6重要性依次降低-->
<!--h1一般只写一个,太多会影响seo-->
<h1>一级标题</h1>
<h2>一级标题</h2>
<h3>一级标题</h3>
<h4>一级标题</h4>
<h5>一级标题</h5>
<h6>一级标题</h6>
<!--html中手打的空格和换行没有作用-->
<p>
白日依山尽,<br/>
黄河入海流。
</p>
<!--pre标签可以实现换行-->
<pre>
白日依山尽,
黄河入海流。
</pre>
<!--hr标签也是自结束标签,可以在页面中生成一条水平线-->
<hr/>
<!--html中特殊字符不能直接使用,如< > -->
<!--可以用 ../ 返回到上级目录-->
<!--图片的格式:
JPEG:JPEG支持的颜色比较多,但是不支持透明,一般使用JPEG来保存图片等颜色丰富的图片
GIF:支持的颜色少,支持简单透明,但是可动
PNG:支持颜色多,支持复杂的透明
——效果差不多的情况下,选择占空间小的
-->
<img src="../img/1.jpg" alt="这是我的家乡">
<!--使用内联框架可以引入一个外部页面
src指向一个外部页面的路径
一般不推荐使用
-->
<iframe src="rule.html"></iframe>
<!--超链接的地址设置为#, 点击会自动跳转到当前页面的顶部-->
<!--块元素(div)和内联元素(行内元素、span)
块元素是独占一行的元素,并且不添加任何属性,主要用来分区
内联元素只占自身大小的元素
span没有任何语义,专门用来选中文字,然后为文字设置样式
一般会使用div包含span,很少用span包含divq
a元素可以包含任意元素,除了它本身
p元素不能包含其他的块元素
-->
<div style="background-color: darkorchid" >我是div</div>
<span style="background-color: bisque">span 为框住元素设置样式</span>
<p id="p2">id选择器</p>
<!--可以设置多个,中间用空格隔开-->
<p class="p2 p3">类选择器</p>
<!--元素之间的关系
父元素:直接包含子元素的元素
子元素:直接被父元素包含的元素
祖先元素
后代元素
兄弟元素
-->
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
"HTML CSS JS学习.zip"是一个综合性的学习资源包,旨在帮助初学者和有经验的开发者提升他们的前端开发技能。该压缩包包含了详细的HTML、CSS和JavaScript教程,以及丰富的代码示例和笔记。通过这些资料,学习者可以深入理解前端开发的基础知识和技术细节,包括HTML的结构标签、cSS的样式规则和布局技术、JavaScript的基础语法和DOM操作等。此外,资源包中还涵盖了一些实际项目和常见问题的解决方案,有助于学习者将理论知识应用于实践,提高解决实际问题的能力。本资源是希望提升或入门前端开发的个人不可多得的宝贵资料。
资源推荐
资源详情
资源评论
收起资源包目录
html css js学习.zip (24个子文件)
projectcode1020
demo
blog.html 674B
基础学习
rule.html 407B
颜色.html 268B
CSS.html 793B
属性选择器.html 585B
行间距.html 503B
字体.html 437B
兄弟元素选择器.html 310B
否定伪类选择器.html 323B
伪类选择器.html 494B
选择器的优先级.html 160B
样式继承.html 348B
文本大小写.html 305B
study.html 3KB
子元素选择器.html 533B
img
1.jpg 206KB
css
style.css 874B
.gitignore 75B
盒子模型
内联元素外边距.html 700B
外边距2.html 657B
盒子模型1.html 1KB
外边距.html 1021B
文档流.html 842B
浮动.html 199B
共 24 条
- 1
资源评论
葡萄籽儿
- 粉丝: 581
- 资源: 2412
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 15×10 4 m3原油储罐焊接施工中的质量监控——白沙湾原油商业储备基地工程储罐施工- .pdf
- 14开孔焊接空心球节点承载能力试验研究与应用.pdf
- 15CrMoR(H)+SUS321不锈复合钢板的焊接 - .pdf
- 15CrMo低合金钢焊接技术总结.pdf
- 15CrMoR钢的焊接工艺.pdf
- 15CrMo钢厚壁高压管现场焊接的工艺措施.pdf
- 15CrMo与0Cr19Ni9焊接工艺 - .pdf
- 15MnNbR球罐组焊裂纹分析与焊接质量控制.pdf
- 15G909-1 钢结构连接施工图示(焊接连接).pdf
- 15MnNiNbDR乙烯球罐的焊接施工.pdf
- 15万m3大型钢制储油罐底板焊接.pdf
- 16MnDR薄板埋弧焊焊接 - .pdf
- 16MnDR埋弧焊焊接材料的选配.pdf
- 15Mo3钢的焊接.pdf
- 15MnNrR钢制2000m3液化气球罐的焊接试验.pdf
- 16MnR+0Cr13复合钢板焊接工艺.pdf
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功