HTML5基础中基础

目录

一、基本结构

1、标记

2、标记的属性

3、HTML文件的结构

二、HTML的基本标记

        ①文件开始标记

        ②文件头部标记

        ③标题标记

        ④页面主体标记

三、一个十分简单且十分简陋的HTML

四、建议


一、基本结构

1、标记

        HTML的标记有单独标记和成对标记。

        \bullet单独标记

        格式:<元素名称>

        作用:在相应的位置插入元素,比如
标记,其为一个单独标记,意思是在此处插入一个换行符。

        \bullet成对标记

        格式:<元素名称>要控制的元素

        比如,当使用

我的网页

代表我的HTML文件的标题为“我的网页”

2、标记的属性

        我们可以在标记中添加属性值,来为元素添加多样的属性,基本语法为

<元素名称 属性1=值1 属性2=值2……>要控制的元素

3、HTML文件的结构



文件的标题


文件的正文内容

 这就是一个HTML文件的基本结构

二、HTML的基本标记

        ①文件开始标记

代表该文件以HTML语言编写,成对标记,且不带属性

        ②文件头部标记

成对标记,放置HTML文件的基本信息,包含标题,编码方式,URL等

        ③标题标记</h2> <p>成对标记,设置标题,且必需放在<head></head>中</p> <h2 id="%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%E2%91%A3%E9%A1%B5%E9%9D%A2%E4%B8%BB%E4%BD%93%E6%A0%87%E8%AE%B0%3Cbody%3E">        ④页面主体标记<body></h2> <p>成对标记,页面的内容由他来包含,其有许多属性。比如text:文字颜色,bgcolor:背景颜色等等。当然我们不会经常使用这些属性,因为我们有CCS3这个大杀器,它能更加的丰富的渲染页面和对页面的格局进行设置。</p> <h1 id="%E4%B8%89%E3%80%81%E4%B8%80%E4%B8%AA%E5%8D%81%E5%88%86%E7%AE%80%E5%8D%95%E4%B8%94%E5%8D%81%E5%88%86%E7%AE%80%E9%99%8B%E7%9A%84HTML">三、一个十分简单且十分简陋的HTML</h1> <pre><code class="language-html"><!DOCTYPE html><!--html5标准网页声明--> <html lang="en"> <head> <meta charset="UTF-8"> <title>一个简陋的演示

简单计算

x1+3x22=20

x12-2x23=5

由于答案

过于简单


所以请爬,自己做!

HTML5基础中基础_第1张图片

四、建议

        编写HTML可以用电脑自带的笔记本,但是不方便,我个人推荐使用WebStorm,功能强大,也可以使用Adobe Dreamweaver。

你可能感兴趣的:(HTML5+CCS3,开发语言,html5,前端)