一、网页开发准备
HTML 超文本标记语言
HTTP/HTTPS 超文本传输协议
HTML5+CSS3
网页制作编写工具:
HbuilderX,网址:https://dcloud.io/
谷歌浏览器网址:https://www.google.cn/chrome/
二 、网页标签
html:网页的声明
head:网页的头部
title:网页的名称
body:网页的主体部分
三、网页标签
3.1 标题标签
<h1>我是标题</h1>
<h2>我是标题</h2>
<h3>我是标题</h3>
<h4>我是标题</h4>
<h5>我是标题</h5>
<h6>我是标题</h6>
3.2 水平线标签
<hr/> 单标签
3.3 换行标签
<br/> 单标签
3.4 段落标签
<p></p>
3.5 文本标签
<em></em> 倾斜
<strong></strong> 加粗
<span></span> 正常
3.6 超链接
<a href="">政策"真金白银"加力稳就业</a>
href="" 链接的目标网址路径
href="https://www.baidu.com/" 站外链接
href="index4.html" 站内链接
href="#" 空链接
target="_blank" 新开一个窗口
3.7 图片标签
<img src="" alt="" width="1000" height="50"/>
src :图片的路径
alt : 图片的名称
width:宽度
height:高度
一般来说,网页的图片只需要设置宽度即可,高度会随着宽度进行等比缩放
图片的类别: jpg(jpeg),png(透明背景), gif(动画),webp,bmp
3.8 列表标签
无序列表 <ul><li></li><li></li><li></li></ul>
有序列表 <ol><li></li><li></li><li></li></ol>
定义列表 <dl><dt>一级列表项<dt/><dd>二级列表项</dd></dl>
3.9 表格标签
table 表格
tr 行
th 表头单元格,默认加粗,居中
td 单元格
border : 表格的属性
cellpadding :内填充,值越大,内容距离单元格越远
cellspacing :外边距,单元格距离表格边框的距离,一般设为0
colspan="2" 合并列
rowspan="2" 合并行
align="center" 居中
3.10 表单标签
form:表单标签
text: 普通文本框
password:密码框
radio:单选
checkbox:复选
select 下拉列表 option 下拉列表项
textarea 多行文本框
<input type="submit" value="提交" />
<input type="button" value="普通按钮"/>
<input type="reset" value="重置" />
========================
ctrl+k 格式化代码