自学前端——HTML第一天(上)

231 阅读1分钟

自学前端——HTML第一天(上)

自学HTML第一天脑图我们经常接触到的网页的组成有文字、图片、视频、超链接等等等等。

常见的浏览器:IE、火狐、谷歌、苹果、欧朋。 web的标准:结构(骨架)--html、样式-- css、行为-- js、定义--欧洲万维网联盟 研发web标准 (包含结构html 样式 css 行为js)。

html 超文本标记语言 文本: 一句话 诗篇文章....... 超文本: 包含文本 文本 音频 视频超链接 页面上的元素都属于超文本。 标记语言: <strong>ddd</strong> 总结: html是一门语言 只不过带有特殊标签的一种超文本语言。

html结构:html--跟标签、head--头部标签、body--主题标签、title--标题标签、DOCTYPE--声明文档类型 告诉浏览器要按照html的语法规则去解析、lang=“en”--页面的语言类型、charset="UTF-8"--编码格式,起到翻译作用。

标签作用:1.让其具有层次感 2.对内容加以修饰。

标签<h>作用: 1.标题部分用标题标签; 2.文字加粗加黑 3.可以选择h1~h6不同等级,h1文字在这则最小,h2次之,以此类推; 4.页面中只能有一个h1标题. 下面附上标签h口诀

<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title>标题标签</title>
</head>
<body>
    <h1>标题标签</h1>
    <h1>标题一共六级选,</h1>
    <h2>文字加粗一行显。</h2>
    <h3>由大到小依次减,</h3>
    <h4>从重到轻随之变。</h4>
    <h5>语法规范书写后,</h5>
    <h6>具体效果刷新见。</h6>
</body>
</html>

效果如下: 在这里插入图片描述