wrjc1hod 发表于 2024-6-29 12:47:35

关于HTML的有些最最最最基本的知识


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">近期</span>在学习Web项目<span style="color: black;">研发</span>技术，其中就<span style="color: black;">触及</span>到了关于写前端页面的<span style="color: black;">有些</span><span style="color: black;">基本</span>知识，本篇<span style="color: black;">文案</span>嘞我将要介绍一下下关于写前端页面的<span style="color: black;">有些</span>很<span style="color: black;">基本</span>很<span style="color: black;">基本</span>的知识（这些<span style="color: black;">亦</span>是我在做<span style="color: black;">第1</span>次作业---个人简历<span style="color: black;">其中</span>都会<span style="color: black;">运用</span>到的知识啦~）<span style="color: black;">亦</span><span style="color: black;">能够</span>让初学html的小伙伴们更好的<span style="color: black;">认识</span>html！</p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">1、</span>HTML<span style="color: black;">基本</span></h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1、HTML的简介</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML是超文本标记语言（ Hyper Text Markup Language）的缩写，HTML 不是一种编程语言，而是一种标记语言 (markup language) ，标记语言是一套标记标签(markup tag) ，HTML <span style="color: black;">运用</span>标记标签来描述网页。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic1.zhimg.com/80/v2-fda2172a4cfddfe35f9ede8f3448fe40_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2、HTML标签</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 标签<span style="color: black;">是由于</span>尖括号<span style="color: black;">包裹</span>的<span style="color: black;">重要</span>词，<span style="color: black;">例如</span> &lt;html&gt; ，<span style="color: black;">一般</span>是成对<span style="color: black;">显现</span>的，<span style="color: black;">例如</span> &lt;a&gt; 和 &lt;/a&gt; ，即为<span style="color: black;">起始</span>标签（开放标签）和结束标签（闭合标签）。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 文档 = 网页即HTML 文档描述网页，HTML 文档<span style="color: black;">包括</span> HTML 标签和纯文本，Web 浏览器的<span style="color: black;">功效</span>是读取 HTML 文档，并以网页的形式<span style="color: black;">表示</span>出它们。浏览器不会<span style="color: black;">表示</span> HTML 标签，而是<span style="color: black;">运用</span>标签来解释页面的内容。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3、HTML元素</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 元素指的是从<span style="color: black;">起始</span>标签（start tag）到结束标签（end tag）的所有代码。元素语法如下： </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 元素以<span style="color: black;">起始</span>标签<span style="color: black;">初始</span>，以结束标签终止。元素的内容是<span style="color: black;">起始</span>标签与结束标签之间的内容，某些 HTML 元素<span style="color: black;">拥有</span>空内容（empty content），空元素在<span style="color: black;">起始</span>标签中进行关闭（以<span style="color: black;">起始</span>标签的结束而结束），大<span style="color: black;">都数</span> HTML 元素可<span style="color: black;">持有</span>属性。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4、HTML属性</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML 标签<span style="color: black;">能够</span><span style="color: black;">持有</span>属性。属性<span style="color: black;">供给</span>了<span style="color: black;">相关</span> HTML元素的<span style="color: black;">更加多</span>的信息。 </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">• 属性总是以名<span style="color: black;">叫作</span>/值对的形式<span style="color: black;">显现</span>，<span style="color: black;">例如</span>：name="value"。 </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">• 属性总是在 HTML 元素的<span style="color: black;">起始</span>标签中规定。HTML 链接由 &lt;a&gt; 标签定义。链接的<span style="color: black;">位置</span>在 href 属性中指定：&lt;a href=“<a style="color: black;"><span style="color: black;">https://www.</span><span style="color: black;">baidu.com</span></a>”&gt;百度&lt;/a&gt;</p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">2、</span>HTML标签</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">常用标签</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">div：<span style="color: black;">暗示</span>一个区块<span style="color: black;">或</span>区域，<span style="color: black;">能够</span>看成一个容器，盒子。<span style="color: black;">功效</span>：用来把网页分块并且里面<span style="color: black;">能够</span>装任意的html元素。 </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">span：<span style="color: black;">暗示</span>一个小区快，<span style="color: black;">例如</span><span style="color: black;">有些</span>文字，span和div的<span style="color: black;">区别</span><span style="color: black;">便是</span>span能够在一行内<span style="color: black;">表示</span>而div<span style="color: black;">独霸</span>一行。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">p：是段落标签，<span style="color: black;">一般</span>用来装一整段文字，在一篇<span style="color: black;">文案</span>中常用。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">h1-h6：h1到h6<span style="color: black;">暗示</span>六级标题，表现出来的效果<span style="color: black;">便是</span>从h1<span style="color: black;">起始</span>文字<span style="color: black;">体积</span><span style="color: black;">逐步</span>变小。 </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">ul li：ul为<span style="color: black;">没</span>序列表标签，li为里面的<span style="color: black;">每一个</span>列表项目。<span style="color: black;">功效</span>：<span style="color: black;">各样</span>菜单，<span style="color: black;">各样</span><span style="color: black;">资讯</span>排行都<span style="color: black;">能够</span>用<span style="color: black;">没</span>序列表来实现。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">img：<span style="color: black;">暗示</span>图像，<span style="color: black;">能够</span>引入一张<span style="color: black;">照片</span>。相对路径和绝对路径：img标签有个src属性，它的值是<span style="color: black;">照片</span>的<span style="color: black;">位置</span>，<span style="color: black;">能够</span>是网络<span style="color: black;">位置</span><span style="color: black;">亦</span><span style="color: black;">能够</span>是本地<span style="color: black;">位置</span>，<span style="color: black;">倘若</span>是本地路径的话，就要区分是相对路径还是绝对路径。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">绝对路径：在硬盘上的<span style="color: black;">详细</span>位置，例如：“E:\www\html\frog.jpg”。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">相对路径：相<span style="color: black;">针对</span>当前的html文件<span style="color: black;">来讲</span><span style="color: black;">照片</span>的<span style="color: black;">详细</span>位置<span style="color: black;">能够</span>分为同级（./frog.jpg）、下一级（./img/frog.jpg）、上一级（../img/frog.jpg）。 </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">alt属性<span style="color: black;">暗示</span>当<span style="color: black;">照片</span><span style="color: black;">无</span>被加载的时候<span style="color: black;">表示</span>的文字。 </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">title属性<span style="color: black;">暗示</span>当鼠标移动到<span style="color: black;">照片</span>的时候<span style="color: black;">表示</span>的文字。 </p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">a：<span style="color: black;">暗示</span>超链接，target属性值“__</p>




星☆雨 发表于 2024-9-5 04:17:52

“NB”（牛×的缩写，表示叹为观止）‌

1fy07h 发表于 2024-9-25 18:16:02

同意、说得对、没错、我也是这么想的等。

wrjc1hod 发表于 2024-9-30 11:30:57

期待楼主的下一次分享！”

j8typz 发表于 2024-10-14 13:04:03

百度seo优化论坛 http://www.fok120.com/

nqkk58 发表于 2024-10-30 14:29:44

你的话语如春风拂面，让我心生暖意。

7wu1wm0 发表于 6 天前

一看到楼主的气势，我就觉得楼主同在社区里灌水。
页: [1]
查看完整版本: 关于HTML的有些最最最最基本的知识