nqkk58 发表于 2024-6-30 02:11:31

HTML入门笔记(一)


    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">1、</span> HTML是什么?它是谁发明的?</h3>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML的英文全<span style="color: black;">叫作</span>为 Hyper Text Markup Language,提取前四个首字母简写为HTML,中文意思为超文本标记语言或超文本标签语言,它并不是一种像C++或Java<span style="color: black;">同样</span>的编程语言,而是一种标记语言。它的发明者是Tim Berners-Lee,蒂姆·伯纳斯-李,是一位英国的计算机<span style="color: black;">专家</span>,2004年<span style="color: black;">作为</span>英国爵士,2017年因“发明了万维网、<span style="color: black;">第1</span>个浏览器和使得万维网得以扩展的<span style="color: black;">基本</span>协议及算法”,<span style="color: black;">得到</span>2016年度的图灵奖。我的理解是李爵士和他的团队发明了HTML、URL和HTTP,李爵士<span style="color: black;">亦</span>被<span style="color: black;">叫作</span>为互联网之父。</p>
    <h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">2、</span>HTML 起手应该写什么?</h3>在 VS code 中用英文的!加tab键得到起手式,&lt;!DOCTYPE html&gt;它<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>html一种文档类型,我还<span style="color: black;">认识</span>到这句话是用来告诉浏览器用什么文档类型来解析这个文件,HTML5 标准声明。&lt;html lang="en"&gt;,其实lang<span style="color: black;">亦</span><span style="color: black;">便是</span>language的简写,用来<span style="color: black;">通知</span>语言,<span style="color: black;">日前</span>我用的多的<span style="color: black;">便是</span>en<span style="color: black;">亦</span><span style="color: black;">便是</span>English,其次是 zh-CN <span style="color: black;">亦</span><span style="color: black;">便是</span>中文。&lt;meta charset="UTF-8"&gt;,meta 设置网页的元数据,且不展示给用户看,而charset指定网页的字符集,<span style="color: black;">亦</span><span style="color: black;">便是</span>告诉浏览器用什么编码方式解析,默认<span style="color: black;">运用</span>UTF-8,<span style="color: black;">由于</span>它最全。&lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;用来优先<span style="color: black;">运用</span>IE最新版本和Chrome。&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;,name指定名<span style="color: black;">叫作</span>,width可视区域的宽度,initial-scale可视区域的缩放级别,initial-scale为1.0时<span style="color: black;">暗示</span>禁止用户缩放。&lt;title&gt;Document&lt;/title&gt;,使页面<span style="color: black;">持有</span>一个属于自己的标题。<h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">3、</span>常用的表章节的标签有<span style="color: black;">那些</span>,分别是什么意思?</h3>h1、h2、h3、h4、h5、h6 是六个标题,h1为一级标题,其他依次为二级、三级、四级、五级、六级标题,<span style="color: black;">要紧</span>性从左到右依次递减。section是一个<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>会<span style="color: black;">包括</span>一个标题,<span style="color: black;">能够</span><span style="color: black;">暗示</span>为章<span style="color: black;">或</span>节。article <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>独立的结构。main <span style="color: black;">重点</span>内容 (<span style="color: black;">通常</span>一个页面中<span style="color: black;">仅有</span>一个)。aside 旁支内容(和主体<span style="color: black;">关联</span>的其他内容)。p 段落。header <span style="color: black;">暗示</span>网页的头部,<span style="color: black;">能够</span>用于写<span style="color: black;">宣传</span>。footer <span style="color: black;">暗示</span>网页的底部,<span style="color: black;">能够</span>用于加版权申明。<h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">4、</span>全局属性有<span style="color: black;">那些</span>?</h3>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">全局属性global attribute有下面几个:</p>class:设置类标识,我用的最多的一个。title:元素<span style="color: black;">关联</span>的<span style="color: black;">意见</span>信息,还有鼠标放上去<span style="color: black;">能够</span>展示完整内容。id:文档<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>Windows的全局属性名,它都<span style="color: black;">不可</span>用。contenteditable:<span style="color: black;">暗示</span>用户<span style="color: black;">是不是</span>能编辑内容。tabindex:可<span style="color: black;">经过</span>tab键来<span style="color: black;">拜访</span>该元素,负值时,如tabindex="-1";为不可选中;为零时,tabindex="0",<span style="color: black;">暗示</span>在所有正值之后。<h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">5、</span>常用的内容标签有<span style="color: black;">那些</span>,分别是什么意思?</h3>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">平常</span>的有下面几个:</p>a:链接标签,它是一个行内元素,可嵌套除自己以外的大<span style="color: black;">都数</span>元素。strong:<span style="color: black;">显示</span>重点内容,强元素,<span style="color: black;">通常</span>展示为粗体。em:斜体,表其内容的着重强调。code:将用于展现一段计算机代码。pre:这个标签用来预定义格式文本,<span style="color: black;">一般</span>在它里面的的文本<span style="color: black;">根据</span>原文件的格式效果以等宽的形式展现,其中的空格换行等<span style="color: black;">亦</span>会<span style="color: black;">表示</span>出来。<div style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">&lt;</span><span style="color: black;">pre</span><span style="color: black;">&gt;</span>
      我 你
      爱
      我 你
      <span style="color: black;">&lt;/</span><span style="color: black;">pre</span><span style="color: black;">&gt;</span>
    </div>hr:<span style="color: black;">暗示</span>一条分割线。ul :<span style="color: black;">没</span>序列表。ol :有序列表。quote:<span style="color: black;">暗示</span>引用。




j8typz 发表于 2024-8-20 20:43:40

说得好啊!我在外链论坛打滚这么多年,所谓阅人无数,就算没有见过猪走路,也总明白猪肉是啥味道的。

情迷布拉格 发表于 2024-8-22 21:58:50

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

j8typz 发表于 2024-10-1 11:14:04

你的留言真是温暖如春,让我感受到了无尽的支持与鼓励。

4zhvml8 发表于 2024-10-10 04:20:46

我深受你的启发,你的话语是我前进的动力。

nykek5i 发表于 2024-10-13 16:36:11

“NB”(牛×的缩写,表示叹为观止)‌

nqkk58 发表于 2024-11-6 18:48:16

期待与你深入交流,共探知识的无穷魅力。
页: [1]
查看完整版本: HTML入门笔记(一)