Html-小总结

 一、网页开发准备

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 格式化代码


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值