还剩3页未读,继续阅读
文本内容:
HTML入门教程快速掌握超文本标记语言HTML(HyperText MarkupLanguage,超文本标记语言)是一种用于创建网页的标准标记语言它描述了一个网站的结构骨架,使得浏览器能够展示具有特定格式的文本、、图片和其他内容在本教程中,我们将带你快速入门HTML,帮助你掌握基本的标签和布局技巧
一、HTML基本结构
1.声明位于文档的最顶部,用于指定文档的版本例如,`!DOCTYPE`声明表示这是一个HTML5文档
2.根元素HTML文档的根元素是``,它包含了整个页面的内容
3.头部`head`元素包含了与页面显示无关的信息,如元数据、样式和脚本等
4.身体`body`元素包含了页面的所有可见内容,如文本、图片、视频等下面是一个简单的HTML文档结构示例!DOCTYPElang=zh-CNheadmeta charset=UTF-8meta name=viewport content=width=device-width,initial-scale=
1.0我的第一个HTML页面//headbodyh1欢迎来到我的网站/h1p这是一个段落/pimg src=image.jpg alt=描述图片script src=script.js/script/body/
二、常用标签
1.文本级标签`h1`到`h6`表示,级别依次降低`p`表示段落`span`表示文本的一部分,可用于样式定位`br`表示换行
2.图片标签`img`用于嵌入图片主要属性有`src`(图片地址)、`alt`(替代文本)和`width`/`height`(宽高)
3.标签`a`用于创建主要属性有`href`(目标地址)、`text`(显示文本)和`target`(打开方式,如`_blank`或`_self`)
4.列表标签`ul`/`ol`无序/有序列表`li`列表项`dl`/`dt`定义列表/定义
5.表格标签`table`表示表格`tr`表示表格行`td`/`th`表示单元格,`th`用于表头
6.表单标签`form`表示表单`input`表示输入框,具有`type`(类型)、`value`(初始值)等属性`select`/`option`表示下拉列表`textarea`表示文本域
三、布局技巧
1.头部和底部导航栏使用`nav`标签定义导航栏,其中包含多个`a`标签用于到不同页面navullia href=index.首页/a/lilia href=about.关于我们/a/lilia href=contact.联系方式/a/li/ul/nav
2.主体内容区域使用`section`和`article`标签定义不同的内容区域sectionh2文章/h2articlep这是一篇关于某个主题的文章内容/p/article/section
3.响应式布局使用CSS媒体查询实现。