首页前端开发HTMLhtml代码大作业

html代码大作业

时间2023-11-16 20:09:02发布访客分类HTML浏览993
导读:最近在学习HTML代码,在老师的指导下完成了一项大作业。这项作业需要我设计一个网站并掌握HTML的基本语法和标签。<!DOCTYPE html><html><head> <meta charset=...

最近在学习HTML代码,在老师的指导下完成了一项大作业。这项作业需要我设计一个网站并掌握HTML的基本语法和标签。

!DOCTYPE html>
    html>
    head>
    	meta charset="UTF-8">
    	title>
    我的大作业/title>
    	link rel="stylesheet" href="style.css">
    /head>
    body>
    	header>
    h1>
    我的大作业/h1>
    nav>
    	ul>
    li>
    a href="#">
    首页/a>
    /li>
    li>
    a href="#">
    关于我/a>
    /li>
    li>
    a href="#">
    联系我/a>
    /li>
    	/ul>
    /nav>
    	/header>
    	main>
    section>
    	h2>
    第一篇文章/h2>
    	p>
    这是我的第一篇文章。/p>
    /section>
    section>
    	h2>
    第二篇文章/h2>
    	p>
    这是我的第二篇文章。/p>
    /section>
    	/main>
    	footer>
    p>
    版权所有 © 2021 /p>
    	/footer>
    /body>
    /html>
    

上面是我在设计网站时用到的HTML代码。在代码中,DOCTYPE命令定义了此文档的文档类型,并告诉浏览器如何解释文件。meta标签指定页面的字符集。title标签规定了文档的标题,显示在浏览器的标题栏上。link标签引入了外部样式表,方便修改整个网站的样式。

最主要的是HTML标签,如header、main、section、footer等。header标签定义文档头部,包括网页的logo、导航栏等;main标签定义文档的主要内容,包括文章内容等;section标签用于定义文档中的节,也就是文章的部分;footer标签定义文档的页脚,包括联系方式和版权声明等。

总之,掌握HTML代码和标签是建立一个网站的基础。希望大家也可以尝试设计自己的网站,加深对HTML的理解。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: html代码大作业
本文地址: https://pptw.com/jishu/542176.html
css 如何控制列表项行距 html代码大全 分割线

游客 回复需填写必要信息