认识HTML的基本结构,学习常⽤的HTML标签.
HTML(HyperTextMarkupLanguage),超⽂本标记语⾔.
超⽂本:⽐⽂本要强⼤.通过链接和交互式⽅式来组织和呈现信息的⽂本形式.不仅仅有⽂本,还可能包 含图⽚,⾳频,或者⾃已经审阅过它的学者所加的评注、补充或脚注等等.
标记语⾔:由标签构成的语⾔ HTML的标签都是提前定义好的,使⽤不同的标签,表⽰不同的内容.
类似⻜书⽂档,Word⽂档
如果选中⽂本,点击标题1,就会使⽤标题1的样式来显⽰⽂本,上述标题1就是⼀个"标签"
如下⽅代码:
我是⼀级标题
我是⼆级标题
我是三级标题
经过浏览器解析后的效果如下:
HTML(HyperText Markup Language)是构建网页的标准语言。HTML 代码由“标签”构成,标签用尖括号 < >
包围,主要有以下几个特点:
(开始标签)和
(结束标签),中间包含标签内容。
(换行)。id="myId"
,用于设置标签的特定特性或唯一标识符。一个简单的 HTML 文件结构如下:
第一个页面
hello world
是根标签。
包含页面的元数据,如
用于设置页面标题。
包含页面上显示的内容。标签之间有父子关系和兄弟关系。例如:
第一个页面
hello world
和
是
的子标签。
是
的子标签。
和
是兄弟关系。虽然可以用系统自带的记事本编写 HTML,但使用专业开发工具会更方便。推荐使用 Visual Studio Code (VSCode),它是一个跨平台的代码编辑器,支持多种编程语言,并且提供强大的功能和插件。
到
)标题标签用于定义不同级别的标题,从 到
,数字越大字体越小。
这是一级标题
这是二级标题
这是三级标题
这是四级标题
这是五级标题
这是六级标题
) 标签定义一个段落。HTML 会自动在段落前后添加空白间距。
这是一个段落。
这是另一个段落。
)
标签用于在文本中插入换行。
这是第一行
这是第二行
这是第三行
) 标签用于插入图片,必须带有
src
属性指定图片路径。
) 标签用于创建链接,可以是内部链接或外部链接。
href
属性指定链接的目标。
百度
表格由 表单用于用户输入数据,包含 以下是一个简单的用户注册页面示例,包含了标题、表单和输入控件: 已有账号? 登录 以上就是 html 的入门内容了, 后续还会更新 css js,希望大家多多支持. 博客不易,希望可以帮助到大伙,动动小手点个赞作者会开心很久,感谢阅览。 标签创建,包含
(行)、 (单元格)、 (表头)、
(表体)等标签。
姓名
性别
年龄
张三
男
10
李四
女
11
表单标签
(表单域)和
(输入控件)等标签。
下拉菜单(
)
标签用于创建下拉菜单,
标签定义菜单项。
文本区域(
)
标签用于创建多行文本输入框。
无语义标签(
)
用于小范围内的内联元素。
综合练习:用户注册页面
用户注册
总结