网页制作编写工具:hbuilderx
二、网页标签:
html:网页的声明
head:网页的头部
title:网页的名称
body:网页的主体部分
三、网页标签
3.1标题标签
<h1>我是标题</h1>
<h1>我是标题</h2>
<h1>我是标题</h3>
<h1>我是标题</h4>
<h1>我是标题</h5>
<h1>我是标题</h6>
3.2水平线标签
<hr/>
3.3换行标签
<br/>
3.4段落标签
<p></p >
3.5文本标签
<em></em> 倾斜
<strong></strong>加粗
<span><span>正常
3.6超链接
政策"真金白银"加力稳就业
href="”链接的目标网址路径
href="https://www.baidu.com/”站外链接
href="index4.html"站内链接
href="#"空链接
target="_blank"新开一个窗口
3.7 图片标签
< img src="alt=""width="1000" />
src : 图片的路径
alt :图片的名称
width:宽度
height:高度
一般来说,网页的图片只需要设置宽度即可,高度会随宽度进行等比缩放
图片的类别:jpg(jpeg),png(透明背景),gif(动画),webp,bmp
3.8列表标签
无序列表
<ul><li></li><li></li></ul>
ctrl+k格式化代码
有序列表
<ol><li></li><li></li></ol>
11.7
定义列表
<dl>
一级表项<dt></dt>
二级表项<dd></dd>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
3.9 表格标签
table 表格
tr 行
td 单元格
border:表格的属性
cellpadding: 内填充,值越大,内容距离单元格越远
cellspacing : 外边距,单元格距离表格边框的距离,一般设为0
colspan="2” 合并列
rowspan="2合并行
align="center"居中
3.10 表单标签
rowspan="2合并行
align="center"居中
11.8
网页中引入css的三种方式
1.1内部样式
<style>
color: red;
</style>
在head之间,在title之下,定义的
1.2 外部样式引入外部的样式
<link rel="stylesheet" href="css/index.css"/>
1.3 行内样式直接插入到标签之间的
<p style="color: yellow;" >
三种方式的优先级行内样式>(外部样式,内部样式,取决于哪个后执行)
二、css样式选择器
2.1标签选择器
p span h1
2.2类选择器
定义的名称为title的类样式
<head>
<meta charset="utf-8">
<title>css</title>
<style>
.title{
color: darkturquoise;}
</style>
</head>
<body>
<h1 style="title">图谋不轨</h1>
<p style="color: royalblue;"是</p >
<span class="title">自己</span>
</body>
2.3id选择器
#info{
color: azure;
}
</style>
</head>
<body>
<h1 id="info">图谋不轨</h1>
</html>
day 笔记
最新推荐文章于 2024-08-15 18:19:19 发布