个人网站 免备案,没有网怎么装wordpress,接网站开发哪里好,网站做实名验证码000、前言
一般来说一个静态网页拥有四种元素#xff1a;文字、图片、超链接、音频和视频#xff08;注意#xff0c;即使在web网页中植入Javascript语言#xff0c;也不一定是动态网页#xff0c;真正的动态网页判断标准#xff1a;是否和服务器产生交互#xff09;
…000、前言
一般来说一个静态网页拥有四种元素文字、图片、超链接、音频和视频注意即使在web网页中植入Javascript语言也不一定是动态网页真正的动态网页判断标准是否和服务器产生交互
001、标题标签h
这个标题指的不是网页标题是文本标题一般来说html语言有6级标签h1、h2、h3、h4、h5、h6h是header的缩写对应6种级别的重要性其中h1是最高的尽管使用简单但是在搜索引擎优化中有重要的作用不过这个比较复杂以后再讲
!DOCTYPE html
htmlheadmeta charsetutf-8 /title网页标题/title/headbodyh1这是一级标题/h1h2这是一级标题/h2h3这是一级标题/h3h4这是一级标题/h4h5这是一级标题/h5h6这是一级标题/h6/body
/html002、段落标签p
用来显示一段文字会根据网页大小自动进行换行并且多对段落标签显示的多段段落之间会留有空格
!DOCTYPE html
htmlheadmeta charsetutf-8 /title网页标题/title/headbodyh1这是一级标题/h1p在这个世界上一星陨落黯淡不了星空灿烂一花凋零荒芜不了整个春天。/ph2这是一级标题/h2p盈盈月光我掬一杯最清的落落余辉我拥一缕最暖的灼灼红叶我拾一片最热的萋萋芳草我摘一束最灿的漫漫人生我要采撷世间最重的——毅力。/pp花半开最美情留白最浓懂得给生命留白亦是一种生活的智慧。淡泊以明志宁静以致远懂得给心灵留白方能在纷杂繁琐的世界淡看得失宠辱不惊去意无留懂得给感情留白方能持久生香留有余地相互欣赏拥有默契懂得给生活留白揽一份诗意留一份淡定多一份睿智生命方能如诗如画。人心远近相安时光浓淡相宜。有些风景要远观才能美好有些人情要淡然才会久远人生平淡更持久留白方能生远莲养心中随遇而安生命的最美不过是懂得的距离。/ph3这是一级标题/h3h4这是一级标题/h4h5这是一级标题/h5h6这是一级标题/h6/body
/html003、换行标签br
有的时候我们需要在某一处文字后换行但是如果在vscode中直接输入enter是不行的想要使得文本换行就必须需要使用换行标签或者使用段落标签但是这样会产生冗余的空格而换行标签却不会
!DOCTYPE html
htmlheadmeta charsetutf-8 /title网页标题/title/headbodyh1这是一级标题/h1p在这个世界上一星陨落黯淡不了星空灿烂一花凋零荒芜不了整个春天。/ph2这是一级标题/h2p盈盈月光我掬一杯最清的br/落落余辉我拥一缕最暖的br/灼灼红叶我拾一片最热的br/萋萋芳草我摘一束最灿的br/漫漫人生我要采撷世间最重的——毅力。/pp花半开最美情留白最浓懂得给生命留白亦是一种生活的智慧。br/淡泊以明志宁静以致远懂得给心灵留白方能在纷杂繁琐的世界淡看得失宠辱不惊去意无留br/懂得给感情留白方能持久生香留有余地相互欣赏拥有默契br/懂得给生活留白揽一份诗意留一份淡定多一份睿智生命方能如诗如画。br/人心远近相安时光浓淡相宜。br/有些风景要远观才能美好br/有些人情要淡然才会久远人生平淡更持久留白方能生远莲养心中随遇而安生命的最美不过是懂得的距离。/ph3这是一级标题/h3h4这是一级标题/h4h5这是一级标题/h5h6这是一级标题/h6/body
/html当然既然直接在编辑器vscode里换行对网页并没有影响的话为了便于查看代码也可以这么写效果是一样的
!DOCTYPE html
htmlheadmeta charsetutf-8 /title网页标题/title/headbodyh1这是一级标题/h1p在这个世界上一星陨落黯淡不了星空灿烂一花凋零荒芜不了整个春天。/ph2这是一级标题/h2p盈盈月光我掬一杯最清的br/
落落余辉我拥一缕最暖的br/
灼灼红叶我拾一片最热的br/
萋萋芳草我摘一束最灿的br/
漫漫人生我要采撷世间最重的——毅力。/pp花半开最美情留白最浓懂得给生命留白亦是一种生活的智慧。br/
淡泊以明志宁静以致远懂得给心灵留白方能在纷杂繁琐的世界淡看得失宠辱不惊去意无留br/
懂得给感情留白方能持久生香留有余地相互欣赏拥有默契br/
懂得给生活留白揽一份诗意留一份淡定多一份睿智生命方能如诗如画。br/
人心远近相安时光浓淡相宜。br/
有些风景要远观才能美好br/
有些人情要淡然才会久远人生平淡更持久留白方能生远莲养心中随遇而安生命的最美不过是懂得的距离。/ph3这是一级标题/h3h4这是一级标题/h4h5这是一级标题/h5h6这是一级标题/h6/body
/html004、文本标签
1粗体标签
strong、b建议使用strong因为标签意义比较明显
2斜体标签
em、i、cite是文字变成斜体
3上标标签
sup例如写一个数的幂次24
4下标标签
sub例如写一个水的分子式H2O
5中划线标签
s就是给文字加删除线
6下划线标签
u就是给文字加下划线
7大字号标签
big就是给文字加大
8小字号标签
small就是给文字加小
!DOCTYPE html
htmlheadmeta charsetutf-8 /title网页标题/title/headbodyh1这是一级标题/h1pstrong在这个世界上一星陨落/strong黯淡不了星空灿烂b一花凋零荒芜不了整个春天/b。/ph2这是一级标题/h2pem盈盈月光/em我掬一杯最清的br/sup落落余辉/sup我拥一缕最暖的br/sub灼灼红叶/sub我拾一片最热的br/s萋萋芳草/s我摘一束最灿的br/u漫漫人生/ubig我要采撷/bigsmall世间最重/small的——毅力。/pp花半开最美情留白最浓懂得给生命留白亦是一种生活的智慧。br/
淡泊以明志宁静以致远懂得给心灵留白方能在纷杂繁琐的世界淡看得失宠辱不惊去意无留br/
懂得给感情留白方能持久生香留有余地相互欣赏拥有默契br/
懂得给生活留白揽一份诗意留一份淡定多一份睿智生命方能如诗如画。br/
人心远近相安时光浓淡相宜。br/
有些风景要远观才能美好br/
有些人情要淡然才会久远人生平淡更持久留白方能生远莲养心中随遇而安生命的最美不过是懂得的距离。/ph3这是一级标题/h3h4这是一级标题/h4h5这是一级标题/h5h6这是一级标题/h6/body
/html005、水平线标签hr
实现画水平线效果
!DOCTYPE html
htmlheadmeta charsetutf-8 /title网页标题/title/headbodyh1这是一级标题/h1pstrong在这个世界上一星陨落/strong黯淡不了星空灿烂b一花凋零荒芜不了整个春天/b。/ph2这是一级标题/h2pem盈盈月光/em我掬一杯最清的br/sup落落余辉/sup我拥一缕最暖的br/sub灼灼红叶/sub我拾一片最热的br/s萋萋芳草/s我摘一束最灿的br/u漫漫人生/ubig我要采撷/bigsmall世间最重/small的——毅力。/phr/p花半开最美情留白最浓懂得给生命留白亦是一种生活的智慧。br/淡泊以明志宁静以致远懂得给心灵留白方能在纷杂繁琐的世界淡看得失宠辱不惊去意无留br/懂得给感情留白方能持久生香留有余地相互欣赏拥有默契br/懂得给生活留白揽一份诗意留一份淡定多一份睿智生命方能如诗如画。br/人心远近相安时光浓淡相宜。br/有些风景要远观才能美好br/有些人情要淡然才会久远人生平淡更持久留白方能生远莲养心中随遇而安生命的最美不过是懂得的距离。/ph3这是一级标题/h3h4这是一级标题/h4h5这是一级标题/h5h6这是一级标题/h6/body
/html006、分区标签div
可以划分多个区域/块可以配合CSS来整体控制某一块的样式这一个标签后面写CSS的时候再讲解
007、特殊符号
1网页中的空格
通过使用“nbsp”来空格
2网页中的特殊符号
类似“nbsp”以起头看这个网站就行
!DOCTYPE html
htmlheadmeta charsetutf-8 /title网页标题/title/headbodyh1这是一级标题/h1pstrong在这个世界上一星陨落/strong黯淡不了星空灿烂b一花凋零荒芜不了整个春天/b。/ph2这是一级标题/h2pem盈盈月光/em我掬一杯最清的br/sup落落余辉/sup我拥一缕最暖的br/sub灼灼红叶/sub我拾一片最热的br/s萋萋芳草/s我摘一束最灿的br/u漫漫人生/ubig我要采撷/bigsmall世间最重/small的——毅力。/phr/pnbsp;nbsp;花半开最美情留白最浓懂得给生命留白亦是一种生活的智慧。br/淡泊以明志宁静以致远懂得给心灵留白方能在纷杂繁琐的世界淡看得失宠辱不惊去意无留br/懂得给感情留白方能持久生香留有余地相互欣赏拥有默契br/懂得给生活留白揽一份诗意留一份淡定多一份睿智生命方能如诗如画。br/人心远近相安时光浓淡相宜。br/有些风景要远观才能美好br/有些人情要淡然才会久远人生平淡更持久留白方能生远莲养心中随遇而安生命的最美不过是懂得的距离。/ph3这是一级标题/h3h4这是一级标题/h4h5这是一级标题/h5h6这是一级标题/h6/body
/html008、补充 “一般标签”和“自闭和标签”的区别
一般标签有开始标签和结束标签因此可以在内部插入其他标签和文字自闭和标签由于只有开始标签没有结束标签因此不可以在内部插入其他标签或文字 常见的自闭和标签
