当前位置: 首页 > 后端技术 > Node.js

Web前端篇:HTML基础(二)

时间:2023-04-03 14:35:23 Node.js

HTML基本语法1.1.标签/标记是网页中具有特殊功能的符号。HTML中的所有标签都用<>来标记,用来区别普通文本。标签分类1.双标签成对出现,有开始和结束。eg:标签内容2.单标签只有开始标签,没有结束标签,可以手动添加以表示结束。例如:<标签名称>标签成对嵌套标签,其他标签出现。在嵌套结构中,外层元素称为父元素,内层元素称为子元素Hello编写规范HTML不区分大小写,保持适当的缩进以增强代码可读性1.2标签属性标签的属性主要用于修改标签的显示效果.相关语法:属性由属性名和属性值组成:属性名=“属性值”属性的声明必须写在开始标签中:<开始标签属性名='属性值'>..每个标签都可以设置多个属性,属性之间用空格隔开:..1.3HTML评论评论语句:注意:标签中不能卸载评论,例如

注释不能嵌套。1.4HTML结构形式文档的类型声明方式:开头第一行html5声明方式作用:告诉浏览器当前使用的HTML版本,以便浏览器正确解析HTML标签和Render风格.书写位置:文档的起始位置。文档的开始和结束在文档类型声明之后,使用一对标签来标记文档的开始和结束在HTML标签中,它包含两对子元素标签标记了网页的头部信息,包括网页的标题、标签的图标、网页的关键字、作者、description等信息,也可以引入外部资源文件。标签表示网页的主要信息,网页呈现的内容必须写在body中。标签包含的子元素设置网页的标题设置网页的字符编码1.5文本标签1.5.1.字符实体(有特殊含义的符号)表示一个空格<表示小于号<>表示大于号>'©'表示版权符号¥表示人民币符号¥1.5.2。文字样式斜体显示文字文字加下划线加粗效果文字加删除线上标显示文字下标显示文字特点:这些标签可以和其他标签或文字显示在同一行1.5.3.标题标签以不同的字号和粗体样式显示文本语法:n取值范围为1到6,字号逐级递减。

这是一级标题

这是二级标题

这是三级标题

这是四级标题-级标题

这是五级标题
这是第六级标题
特点:会改变文字的大小,加粗效果。每个标题都会有一个垂直的空白距离。每个标题占一行,不与其他元素显示在同一行。每个标题都可以加上属性align值:left/center/right设置文本的水平对齐方式,默认是左对齐一级标题

1.5.4.段落标签功能:高亮一段文字,每段文字占一行或一个块,不与其他元素显示在同一行,也有垂直空白距离语法:

属性:align设置文本的水平对齐方式值:left/center/right1.5.5。格式标签换行标签:横线标签:1.5.6。分区标签块分区
功能:划分页面结构,配合css实现网页布局特点:独占显示一行分区元素功能:设置同一行不同样式的文字,结合CSS特性:可以与其他元素或文本排成一行显示,一行文本中允许有多个span。元素均为块级元素功能:所有网页均可用于布局特性:均添加align属性,设置内容水平对齐方式eg:h1~h6,ul,ol,li,form,table,tr,p,divinlineelements/内联元素可以和其他元素显示在同一行。eg:ibstrongsubsupspan1.6listlabel功能:从上到下排列数据列表的组成:有序列表
      默认是无序列表按照个数排序
        默认情况下,实体原点被用作标识列表项。列表中的每条数据都是一个列表项。数字显示,默认值a:按小写字母顺序排列A:按大写字母排列i:按罗马数字排列I:按罗马数字排列start属性:设置从哪个字符开始排序Value:数字无序列表--ultype属性:设置项目符号圆盘discsoliddot(default)circlehollowdotsquaresolidsquarenone不显示嵌套在一个列表中的项目符号列表出现其他列表。Title
      • Shandong
      • Dezhou
      • Qingdao
      • Jinan
      • Zibo
    1. Jilin
    2. Changchun
    3. Jilin
    4. Baicheng
    5. Dunhua
  1. Beijing
  2. Chaoyang
  3. Changping
  4. WestCity
  5. EastCity
  6. 最后推荐一个前端学习进阶内推交流群685910553(前端资料分享),无论你在地球的哪个角落,无论你工作了多少年,都欢迎你入驻!(本群会定期免费提供一些群主收集的学习书籍资料以及整理好的面试题和答案资料!)如果您对本文有异议,请在文章评论区写下您的意见.如果您觉得这篇文章很有趣,那么请分享转发,或者您可以关注它以表达您对我们文章的认可和鼓励。