小张的HTML简要笔记

第一章  HTML5基础

        1,HTML基本结构

<!DOCTYPE html> 

告诉浏览器使用什么规范

<html>

头部:


<head>
<meta charset="UTF-8">
        <title>第一个网页</title>
</head>

主体:

<body>我的第一个网页</body>

</html> 

注意:< body>、</body>等成对的标签,分别叫开放标签和闭合标签 单独呈现的标签(空元素),如 <hr/>  ;意为用  /  来关闭空元素

         2,网页基本信息

                <!DOCTYPE html>     告诉浏览器使用什么规范

                <title>标签

                <meta>标签             

                                <meta name="keywords" content="鸿卓乐学,IT培训" /> 

                                        其中“keywords”表示搜素关键字

                                <meta charset="UTF-8" />         

                                         其中gb2312包含全部中文字符

                                         utf-8 则包含全世界所有国家需要用到的字符

                                         页面编码应与页面文件保存时的编码一致

        3,网页的基本标签

                标题标签

                        <h1>一级标题</h1>

                        <h2>二级标题</h2>

                        <h3>三级标题</h3>

                        <h4>四级标题</h4>

                        <h5>五级标题</h5>

                         <h6>六级标题</h6>

                段落标签
                        <p>…</p>
                换行标签 
                        <br/>
                水平线标签
                        <hr/>
                字体样式标签
                        加粗:<strong>…</strong>
                        斜体:<em>…</em>
                注释和特殊符号:                   

                        &nbsp;表示空格

                        &gt;表示>

                        &it;表示<

                        &quot;表示引号(")

                        &copy;表示版权号@

                图像标签

                        格式:<img src="path" alt="text" title="text" width="x" height="y"/>

                        img src表示:图像地址  alt:表示图像的替代文字  title:表示:鼠标悬停提示文字

                 链接标签:页面间链接 从一个页面链接到另外一个页面

                        格式:<a href="path" target="目标窗口位置">链接文本或图像</a>

                        例子:文本超链接例子:<a href="detail.html" target="_blank">姑娘,欢迎降落在这残酷的世界</a>

       设置传送锚点:从A页面的甲位置跳转到本页中的乙位置 从A页面的甲位置跳转到B页面中的乙位置

                        例子:<a name="b1"> 定位</a>(相当于定位传送的锚点)

        <a href="#b1">传送到定位地方</a>(选择传送的位置)

        4,行内元素和块元素

                        行内元素 内容撑开宽度,左右都是行内元素的可以排在一行(a、strong、em…)                         块元素 无论内容多少,该元素独占一行(p、h1-h6…)

                        

  • 12
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值