当前位置: 首页 > Web前端 > HTML

HTML基础_3

时间:2023-04-02 15:23:18 HTML

1什么是HTML?HTML代表超文本标记语言。不是一种编程语言,而是一种标记语言,标记语言是一组标记标签,HTML使用标记标签来描述网页。2HTML标签HTML标签是用尖括号括起来的关键字,如;标签通常成对出现,标签对中的第一个标签是开始标签,第二个标签是结束标签。标签分类:双标签html<标签名称>内容单标签(也称空标签)hr<标签名称/>标签关系分为两种:嵌套关系并列关系3HTML的基本结构如下:文档...代码解释:1.称为根标签,所有网页标签都在。2、标签用于定义文档的头部,它是所有头部元素的容器。头部元素包括、<script>、<style>、<link>、<meta>等标签。3、<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签。此处标签中的内容将显示在浏览器中。在头部设置网页标题和字符集编码<head><title>这里是标题4标签语义所谓标签语义是指给标签的意思。为什么要有语义标签,方便代码阅读和维护。同时,浏览器或网络爬虫可以很好地解析它,从而更好地分析内容。使用语义标签会有更好的搜索引擎优化。语义好不好是我们去掉CSS之后,网页结构还是有序的,有很好的可持续性。也就是说,一眼就能知道哪些是关键结构,各段内容的作用是什么。遵循的原则是先确定语义HTML,再选择合适的CSS。5段落标签

paragraph

标签默认样式,段落前后会有空格。6换行标签如果你想换行(newline)而不产生新的段落,请使用
标签:

Helloween
World!
我来了!

7个标题标签一共有6个标题标签,h1,h2,h3,h4,h5,h6分别是一级标题,二级标题,三级-一级标题、四级标题、五级标题、六级标题。并按重要性降序排列。

是最高级别。语法:Titletext(x为1-6)title标签的样式会加粗,h1标签的字体最大,h2标签的字体比它小h1等等,h6标签的字号最小。标题标签占据一整行。8水平线标记
标记在HTML页面中创建一条水平线,可用于分隔内容。

WelcometoChina!


是单个标签

Thankyou!

9Comment注释的作用是说明代码的用途,方便程序员寻找和其他人阅读。常见的注释有:/*comment*/可以使用快捷键ctrl+/或者ctrl+shift+/10divspan标签divspan没有语义,它的作用是结合CSS单独设置风格。语法:
Split
Span11List列表分为无序列表、有序列表和自定义列表无序列表:使用ul-li标签实现,没有关于有序列表的信息.语法:
  • 1
  • 2
  • 3
  • ...
有序列表:使用ol-li标签实现,有front和返回信息的顺序列表。语法:
  1. 6
  2. 5
  3. 4
  4. ...
自定义列表:使用dl-dt-dd标签实现,通常使用解释和描述一个术语或名词,自定义列表的列表项前没有任何项目符号。语法:
...
...
12建表表元素:table(表定义)、tr(行)、td(列)、thread(表头)、th(表头)、tbody(表体)之后,指定表格标题,rowspan合并行,colspan合并列。语法:第一行跨两列>/tr>第二行
标题
第一列
第二列
13Hyperlink超链接类型分三种:1内部链接2外部链接3锚链接链接显示的文字href:用于指定链接目标的url地址。当href属性应用于标签时,它具有超链接的功能。超文本参考的缩写。表示超文本引用目标:用于指定链接页面的打开方式,取值有_self和_blank,其中_self为默认值,_blank为新窗口打开方式。注:外部链接需添加http://www.baidu.com。内部链接可以直接链接到内部页面名称。例如,如果首页当时没有确定链接目标,通常会将链接标签的href属性值定义为“#”(即href="#"),表示该链接暂时为空链接。不仅可以创建文本超链接,还可以为网页中的各种网页元素添加超链接,如图片、表格、音频、视频等。锚点定位(难度)通过创建锚点链接,用户可以快速定位目标内容。创建锚链接分为两步:使用"ahref="#idname>"linktext"创建链接文本(点击)和使用对应的id名称标记跳转目标位置。跳转到锚链接14图片语法:15表单网站如何与用户进行交互?答案是使用HTML表单(form)。表单可以将查看者输入的数据传输到服务器端,以便服务器端程序处理表单传递过来的数据。action:表单收集信息后,需要将信息传递给服务器进行处理。action属性用于指定接收和处理表单数据的服务器程序的URL地址。method:用于设置表单数据的提交方式,值为get或post。name:用来知道你的表单的名称,以区分同一页面的多个表单。表单控件:单行文本输入框、密码输入框、复选框、单选按钮、提交按钮、重置按钮等,必须放在
标签之间。单行文本输入框:当用户想在表单中输入字母、数字等时,需要一个文本输入框,也可以将文本框转换成密码输入框。语法:当type="text"对应文本输入框;当type="password"时,对应密码输入框。复选框:例如勾选填写个人信息爱好的单选按钮:比如选择性别的多行文本框:text比如填写备注的下拉框:按钮:提交按钮重置按钮