【零基础学Web】Html5学习第一天

标签的使用和介绍

html中标签总类众多,第一天接触和学习了以下这些标签。

  • html标签是包裹着所有元素的标签,不能离开html标签进行编程
  • head标签就像是程序的头部,用来装一些重要的核心东西
  • meta标签,用来存放META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。
  • (注意meta是单标签)
  • body标签是html里用来存放我们需要编写的元素内容等,就像人类的身体
    例如
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />//字符编码格式,全球通用的utf-8,适用任何字符。
        <title></title>
    </head>
    <body>

    </body>
</html>


 - <h1>这是一个标题标签</h1>    
        <h2>这是一个标题标签</h2>   
        <h3>这是一个标题标签</h3>   
        <h4>这是一个标题标签</h4>   
        <h5>这是一个标题标签</h5>   
        <h6>这是一个标题标签</h6>   

这里写图片描述

  • -
 - <p>p这是一个段落标签</p>//p标签能使长文本呈现段落自动换行
 -  <b>b可以加粗文体</b>
 - <i>i标签可以倾斜文本</i>
 - <s>s删除线的效果</s>
 - <u>u下划线给文本</u>
 - <div>div盒子标签</div>//以后常用的div标签,用来装载元素,以后能配合样式使用
 -
 - 
  • 以上标签的效果
  • 在html中 多数标签是双标签,以<标签>开始到 </标签>结束,但也有一些标签是单标签如:
<hr/> (水平线分隔)、<br/>(换行)

    • 然后今天也接触了比较重要的<a>、<table>、<img>标签。
  • a标签的作用,可用来页面间的跳转,和内锚点的跳转等超文本标签如

    • <a href="http:www.taobao.com" target="_blank" title="点击这里进入淘宝网">淘宝网</a>
  • //这是跳转到外网淘宝网的,超链接使用 title是在鼠标移到按键时会有的提示语句

    • <a href="跳转的目的地能使页面地址,也能是id地址等" target=""></a>
    • target属性有_blank、_parent、_self、_top(规定在何处打开链接文档。)
    • //内锚点跳转
- <a href="#one">内锚点</a>
 - <h2 id="one">内锚点目标</h1>
  • //在同一页面进行跳转,通常能用于返回顶端,尾端、或特定位置的跳转用id标目的地

  • table标签是表格标签

  • -
 -  - <table border="表格边框大小" cellspacing="" cellpadding=""width="表格的宽"height="表格的高"bgcolor="表格颜色"bordercolor="边框颜色">
        <tr><th>Header</th></tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>

        </tr>
    </table>
    <tr></tr>//代表表格的行
    <td></td>//决定表格的列数
  • img标签用来把要使用的图片文件,引用进页面当中。
    如:
    <a href="http://www.baidu.com/" ><img src="img/1.jpeg"/></a> 
在a标签中嵌套img标签,使用方法img src="图片地址"。实现点击图片能跳转到其他页面。
不止在a标签中可以运用img标签,在众多的其他标签中也能嵌套img标签,如div等。

第一天的学习就到这里了,持续ing

1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值