首页 前端知识 小张的HTML简要笔记

小张的HTML简要笔记

2024-09-04 23:09:47 前端知识 前端哥 273 324 我要收藏

第一章  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…)

                        

转载请注明出处或者链接地址:https://www.qianduange.cn//article/17632.html
标签
评论
发布的文章

关于HTML的知识

2024-09-18 23:09:36

js简单实现轮播图效果

2024-09-18 23:09:36

CSS3美化网页元素

2024-09-18 23:09:27

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!