css+html+js学习笔记---html

最新推荐文章于 2024-07-08 16:01:05 发布

SEVEN clock

最新推荐文章于 2024-07-08 16:01:05 发布

阅读量315

点赞数

分类专栏： css+html+js 文章标签： html 前端笔记分享

本文链接：https://blog.csdn.net/qq_42266891/article/details/102739196

版权

CSS+HTML+JS中关于HTML

关于连接css或者js文件

<link rel="stylesheet"href="css/common.css"/>

css/common.css是css文件夹的文件名称。而在hbuilderX中，只要打出link即可弹出提示，推荐把link写在中。

<div style="width:100px;margin: auto;">
	<button class="btn" type="button">按钮</button>
</div>

css行内样式的写法如上：可以直接在某个标签容器中添加属性style=" "，然后直接在这个属性里面写css样式即可，这种写法不推荐

<script src="js/main.js" type="text/javascript" charset="utf-8"></script>

js/main.js是js文件夹的文件名称。

js的页面级使用，script>标签直接写js代码简单的文本输入。

关于HTML结构

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		
	</body>
</html>

其中中间是放置的网页的头部，放置的是网页的标题，放置网页的主题部分。

DOCTYPE元素：如果浏览器支持h5，就强制使用h5风格，如果不支持，就不使用。

<body>
		<div id="wrapper">
			<div class="header">
				<div class="logo">练习</div>
				<div class="nav">
					<a class="index" href="index.html">首页</a>
					<a href="#">编程开发</a>
					<a href="#">人生旅程</a>
					<a href="#">摄影摄像</a>
					<a href="#">电脑技巧</a>
					<a href="http://ljy.kim" target="_blank">编程创造城市</a>
				</div>
			</div>
			<div class="main">中</div>
			<div class="footer">下</div>
		</div>
</body>

在使用hbuilderX书写html语言时，可以使用div#wrapper再加上tab键来生成

，其中wrapper是自己定义的一个id名称。同样的，可以使用div.logo再加上tab键来生成

。

当使用这样的快捷生成时，div#wrapper > div.logo可生成：此类包含的结构；

<div class="header">
	<div class="logo"></div>
</div>

而使用，div.logo + div.nav 可生成：此类平级的结构；

<div class="logo">
 </div>
<div class=&#

最低0.47元/天解锁文章

SEVEN clock

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
css+html+js学习笔记---html

CSS+HTML+JS中关于HTML关于连接css或者js文件<link rel="stylesheet"href="css/common.css"/>css/common.css是css文件夹的文件名称。而在hbuilderX中，只要打出link即可弹出提示，推荐把link写在中。<div style="width:100px;margin: auto;"> ...
复制链接

扫一扫