横向网站模板,上海 建筑,网站模板安装教程,wordpress主题替换不彻底推荐一个网站mdn。
html语法
双标签#xff1a;标签 属性属性值内容/标签
属性#xff1a;给标签提供附加信息。大多数属性以键值对的形式存在。如果属性名和属性值一样#xff0c;可以致谢属性值。 单标签#xff1a;标签 属性属…推荐一个网站mdn。
html语法
双标签标签 属性属性值内容/标签
属性给标签提供附加信息。大多数属性以键值对的形式存在。如果属性名和属性值一样可以致谢属性值。 单标签标签 属性属性值/
注释
!-- 这是注释 --
注释的快捷键ctrl/ 骨架
!DOCTYPE html #声明文档遵循html5
htmlheadmeta charsetutf-8 #字符编码title/title #网页的标签/headbody #要写的就在body里面/body
/html常用标签
文章标题标签
只有h1、h2、h3、h4、h5、h6六个标题标签逐级递减独占一行。
h1 内容 /h1
h2 内容 /h2
h3 内容 /h3
h4 内容 /h4
h5 内容 /h5
h6 内容 /h6
!DOCTYPE html
htmlheadmeta charsetutf-8title标题标签/title/headbodyh1我是h1标题标签/h1h2我是h2标题标签/h2h3我是h3标题标签/h3h4我是h4标题标签/h4h5我是h5标题标签/h5h6我是h6标题标签/h6/body
/html 段落标签
段落之间换行。
p 内容 /p
!DOCTYPE html
htmlheadmeta charsetutf-8title段落标签/title/headbodyp小米汽车发布会之后如何将“泼天流量”转化为销量成为首要课题。而销量实现的核心支撑则是小米汽车工厂的产线产能。/pp证券时报·e公司记者日前来到位于北京亦庄的小米汽车工厂探营小米 SU7就是从这里诞生而后走向全国。据悉在产能爬满后小米汽车工厂每小时可生产 40 辆小米 SU7每 76 秒就可以有一辆新车下线。/p/body
/html 文本格式化标签
加粗
strong 加粗的内容 /strong
b 加粗的内容 /b
给上段段落标签的第一段的小米汽车、第二段的证券时报加粗
!DOCTYPE html
htmlheadmeta charsetutf-8title段落标签/title/headbodypstrong小米汽车/strong发布会之后如何将“泼天流量”转化为销量成为首要课题。而销量实现的核心支撑则是小米汽车工厂的产线产能。/ppb证券时报/b·e公司记者日前来到位于北京亦庄的小米汽车工厂探营小米 SU7就是从这里诞生而后走向全国。据悉在产能爬满后小米汽车工厂每小时可生产 40 辆小米 SU7每 76 秒就可以有一辆新车下线。/p/body
/html 斜体
i 斜体 /i
em 斜体 /em
给上段文字的第一段的泼天流量、第二段的北京加斜体
!DOCTYPE html
htmlheadmeta charsetutf-8title段落标签/title/headbodypstrong小米汽车/strong发布会之后如何将i“泼天流量”/i转化为销量成为首要课题。而销量实现的核心支撑则是小米汽车工厂的产线产能。/ppb证券时报/b·e公司记者日前来到位于em北京/em亦庄的小米汽车工厂探营小米 SU7就是从这里诞生而后走向全国。据悉在产能爬满后小米汽车工厂每小时可生产 40 辆小米 SU7每 76 秒就可以有一辆新车下线。/p/body
/html 删除线
del 删除线 /del
s 删除线 /s
给上段文字的第一段的产线产能、第二段的汽车工程加删除线
!DOCTYPE html
htmlheadmeta charsetutf-8title段落标签/title/headbodypstrong小米汽车/strong发布会之后如何将i“泼天流量”/i转化为销量成为首要课题。而销量实现的核心支撑则是小米汽车工厂的del产线产能。/del/ppb证券时报/b·e公司记者日前来到位于em北京/em亦庄的小米s汽车工厂/s探营小米 SU7就是从这里诞生而后走向全国。据悉在产能爬满后小米汽车工厂每小时可生产 40 辆小米 SU7每 76 秒就可以有一辆新车下线。/p/body
/html 上标/下标
sup 上标的内容 /sup
sub 下标的内容 /sub
!DOCTYPE html
htmlheadmeta charsetutf-8title/title/headbodyxsup2/supxsub2/sub/body
/html 水平线
hr /
给上面两段之间加一个水平线
!DOCTYPE html
htmlheadmeta charsetutf-8title段落标签/title/headbodypstrong小米汽车/strong发布会之后如何将i“泼天流量”/i转化为销量成为首要课题。而销量实现的核心支撑则是小米汽车工厂的del产线产能。/del/phr /pb证券时报/b·e公司记者日前来到位于em北京/em亦庄的小米s汽车工厂/s探营小米 SU7就是从这里诞生而后走向全国。据悉在产能爬满后小米汽车工厂每小时可生产 40 辆小米 SU7每 76 秒就可以有一辆新车下线。/p/body
/html 强制换行
br /
在上面第二段据悉前强制换行
!DOCTYPE html
htmlheadmeta charsetutf-8title段落标签/title/headbodypstrong小米汽车/strong发布会之后如何将i“泼天流量”/i转化为销量成为首要课题。而销量实现的核心支撑则是小米汽车工厂的del产线产能。/del/phr /pb证券时报/b·e公司记者日前来到位于em北京/em亦庄的小米s汽车工厂/s探营小米 SU7就是从这里诞生而后走向全国。br /据悉在产能爬满后小米汽车工厂每小时可生产 40 辆小米 SU7每 76 秒就可以有一辆新车下线。/p/body
/html 图片标签
相对路径
../ 代表当前文件的上一级别
./代表当前文件
绝对路径你电脑的图片的位置不建议使用
网络路径直接在src图片链接
img src路径 /
img常用属性 属性作用width设置图片的宽height设置图片的高alt当图片因为某些原因不可见时显示的文字title移动到图片显示的文字align控制同行文字与图片的对齐方式hspace控制同行文字和图片的水平距离vspace控制文字与图片的垂直距离
!DOCTYPE html
htmlheadmeta charsetutf-8title/title/headbodyh1懒洋洋/h1img src./images/懒洋洋.jpg width300px height150px title我是懒洋洋/ alignmiddle hspace200px vspace200px 我要与懒洋洋水平居中对齐并且水平距离他200px垂直距离200pxh1狗子/h1img src../images/dog1.jpg width300px height150px alt糟糕,消失不见了//body
/html 无序列表
ulli选项1/lili选项2/lili选项3/li
/ultype属性控制列表前面的图形。
circle空心圆
square正方形
ul typecircleli选项1/lili选项2/lili选项3/li
/ulul typesquareli选项1/lili选项2/lili选项3/li
/ul有序列表
olli选项1/lili选项2/lili选项3/li
/ol 属性type 切换序号样式
将“1、2.....”换成“a、b....”也可以换成“A、B.....
ol typeali选项1/lili选项2/lili选项3/li
/ol start 从几开始
从5开始
ol start5li选项1/lili选项2/lili选项3/li
/ol 自定义列表
dldt可以是文字和图片/dtdtimg src./images/懒洋洋.jpg width300px height150px//dtdd公司地址/dddd投诉电话/dd
/dl 超链接
a href目标链接提示文字/a
a标签属性 属性作用 target属性值 超链接方式_self:本页面加载 _blank:新建一个页面加载
!DOCTYPE html
htmlheadmeta charsetutf-8title/title/headbodya hrefhttps://www.baidu.com target_self去百度/a/body
/html 锚标签
利用超链接实现需要给特定标签取idid唯一不重复也可以取name可以重复。
a href#id提示文字/a
!DOCTYPE html
htmlheadmeta charsetutf-8title/title/headbodya href#zhengzhi整治/ah1莫莫格湿地上空飞翔的灰鹤。/h1潘晟昱摄人民视觉编者按一年之计在于春。春风送暖万物复苏在广袤的国土上候鸟北飞、鲜花盛放、草木葱茏……即日起本版推出“美丽中国·春天来了”系列报道让我们在观赏春日美景的同时看忙碌的人们如何在美丽中国建设中用辛勤的工作迎接春天的到来。 碧波荡漾鸟鸣啾啾。4月1日国际爱鸟日前夕吉林白城莫莫格湿地内鸟儿飞翔的身影倒映在波光粼粼的水面上映出春日里的勃勃生机。“看那就是白鹤国家一级重点保护野生动物”摄影爱好者姜海涛兴奋地指着远处飞起的鸟群“我最近在莫莫格湿地看到的白鹤就有200多只我还拍到了东方白鹳、白枕鹤、苍鹭……鸟儿齐齐‘返乡’春天真的来了”h1枝头染绿鸟儿衔来春讯/h1春风拂过莫莫格湿地原本干瘦的树枝变得柔软树皮泛出绿意。走进吉林莫莫格国家级自然保护区姿态各异的鸟儿随处可见——白鹤漫步浅滩悠闲觅食黑尾塍鹬成群结队展翅翱翔一对灰雁正准备在芦苇湿地筑巢……“每年春季会有大量候鸟从南方飞回来到莫莫格湿地停留、繁殖。”吉林莫莫格国家级自然保护区管理局科研科科长王波介绍。大多数候鸟的繁殖地在北方的湿地、草原。北方冬季天气寒冷食物来源减少候鸟便飞往南方水草丰茂的区域越冬。天气转暖之后候鸟们再纷纷北归回到繁殖地繁衍后代。“候鸟的归来是春天到来的信号之一。”王波介绍以国家一级重点保护野生动物东方白鹳为例这种鸟类是大型涉禽以鱼虾、蛙类、昆虫等为食只有气温回升、冰面解冻时才会从鄱阳湖等越冬地启程途经江西、江苏、山东、天津等地最终在东北等地停歇、繁殖。随着候鸟迁徙高峰期的到来王波的工作也愈发忙碌。“现在我们每天都要把适合候鸟栖息的地方跑一遍观测东方白鹳等重点保护鸟类的数量、种群构成、栖息地生态环境以及有无人为干扰情况等。”王波说据监测截至目前在莫莫格湿地迁徙停歇的鸟类约7万只其中重点保护鸟类有77只东方白鹳、308只白鹤、1700只灰鹤等。“从数据来看经过多年扎实的保护工作来到莫莫格湿地的白鹤、灰鹤的数量有了较大增长。”迎来大批候鸟“返乡”的不止莫莫格湿地。吉林省地处东亚—澳大利西亚全球候鸟迁徙路线上鸟类种类繁多已记录到的候鸟达320余种是我国候鸟停歇和繁殖的重要栖息地。每年3月中旬开始成群候鸟就由越冬地北迁至吉林为北方大地衔来久违的春讯。h1植物丰富保证食物来源/h1雪融冰消万物复苏。树杈上一只苍鹭正在补巢。“近年来随着湿地生态环境持续向好越来越多候鸟选择在莫莫格湿地繁殖。”王波说。莫莫格湿地位于松嫩平原和科尔沁草原的交汇地带是吉林省西部面积最大、最为典型的湿地类型保护区。保护区14.4万公顷的土地上河网密布有着多种典型优势湿地植物群落为诸多候鸟提供了适宜的栖息场所。万鸟翔集的景致吸引了许多像姜海涛一样的摄影爱好者。“最近几年每年到莫莫格停留的鸟类一共有298种包括白鹤、丹顶鹤、大鸨、东方白鹳等22种国家一级重点保护野生动物小天鹅、灰鹤、白琵鹭等49种国家二级重点保护野生动物。”谈起鸟儿姜海涛如数家珍。“这里面我最喜欢拍摄白鹤特别是展翅飞翔的白鹤。”姜海涛兴高采烈地向记者展示他拍到的照片“那时能看到白鹤的黑色翅尖像露在白袍外面的一节黑袖。”白鹤是莫莫格湿地的“名片”。“我们保护区入口就有白鹤的雕塑。”王波介绍成年白鹤体长可达1.3米以上头顶和脸部是鲜红色。一般为群居喜欢在浅水湿地漫步觅食。白鹤主要以水生植物的根茎为食莫莫格湿地内的大量藨草为其提供了重要的食物来源。如今莫莫格国家级自然保护区内大大小小的河湖泡沼到处可见白鹤的踪迹高峰期时一天最多统计到3800余只白鹤停歇。“来到莫莫格湿地的鸟主要以雁鸭类、鸻鹬类为主还有白鹤、东方白鹳等鹤鹳类。”王波说“让候鸟来得了、吃得好、留得住是我们共同的心愿。”h1 idzhengzhi综合整治维护栖息环境/h1“20年前我刚参加工作那会儿遇见白鹤是件稀罕事儿。”王波说过去因气候变化、上游水库限流等原因莫莫格湿地的水域面积连年缩小藨草等植物数量骤减。食物不易寻觅候鸟越来越少。为了恢复生态吉林省启动河湖连通工程以西部现有大型水利工程为“主动脉”打通湖泡间的“毛细血管”来自嫩江的活水涌入莫莫格湿地恢复了湿地水文连通性持续增强湿地生态稳定性。与此同时莫莫格国家级自然保护区管理局开展生态环境综合整治实施禁牧、禁耕推动实施退耕还草还湿等工程建设。多措并举下莫莫格湿地面积增加约5000公顷。湿地恢复生机鸟儿飞回这里保护也在持续。“我现在还是中国野生动物保护协会吉林白城护飞队副队长呢。”姜海涛对记者说2018年白城市10余位摄影爱好者牵头成立了候鸟护飞队在候鸟停歇区域志愿开展巡护、宣传。如今护飞队已发展到200多人。“经过多年宣传当地居民的候鸟保护意识有了很大提高。今年我们志愿者团队打算划分网格开展候鸟保护为候鸟创造更好的栖息环境。”王波说近年来一升一降的两个数据最令他欣慰。“升”的是数量来到莫莫格国家级自然保护区的白鹤从20年前的几百只发展到如今的3000多只数量大大提升。“降”的是比例3000多只来到莫莫格国家级自然保护区的白鹤占全球白鹤种群数量的比例由此前的90%以上降至60%左右。“数量多了比例降了说明整个白鹤的种群数量在提升许多白鹤飞到了吉林向海国家级自然保护区、内蒙古科尔沁国家级自然保护区等地。”王波露出了欣慰的笑容。春回大地东方白鹳在莫莫格湿地衔枝筑巢苍鹭在查干湖上翩翩起舞绿头鸭在天桥岭林区梳理羽毛……北飞的候鸟如同跳动的音符谱写出人与自然和谐共生的美妙乐章。“吉林省监测到的中华秋沙鸭数量已经由2018年时的不足300只增长到600余只。”吉林省林业和草原局野生动植物保护处副处长汪永兴介绍吉林省坚持维护生物多样性多措并举保护候鸟及其栖息地划定并公布32个重要候鸟迁徙通道全天候开展护鸟工作组织开展2023年度迁徙期水鸟同步调查深入开展受伤野生鸟类收容救护……维护候鸟栖息地安全。《 人民日报 》 2024年04月01日 14 版(责编赵欣悦、袁勃)分享让更多人看到 推荐阅读世界水日守护“流动”的美景 数览各地河湖生态治理成效河湖是水的重要载体是生态系统的重要组成部分。近年来我国坚持“节水优先、空间均衡、系统治理、两手发力”治水思路不断完善河湖生态系统保护治理体系加快复苏河湖生态环境。…南水北调东中线工程累计调水量突破700亿立方米人民网北京3月19日电 记者王仁宏据水利部消息3月18日南水北调东中线工程累计调水量突破700亿立方米含生态补水超108亿立方米其中中线调水625.93亿立方米东线调水67.77亿立方米东线北延工程调水6.30亿立方米惠及沿线7省市40多座大中城市受益人口超1.76亿。 据悉东、中线一期工程全面通水以来水利部持续加强工程调度管理强化运行监管全力保障工程安全、供水安全、水质安全。…/body
/html div标签
没有具体含义用来划分页面区域。独占一行。可以div嵌套div。
div内容/div
!DOCTYPE html
htmlheadmeta charsetutf-8title/title/headbodydiv春风拂过莫莫格湿地/div原本干瘦的树枝变得柔软/body
/html span标签
没有特定含义给某几个字加特定属性使用可以理解为一个小盒子。
span文字/span 视频标签
video src地址 /video或者video source src地址/
/video
video标签属性 属性作用controls控制框架例如播放、声音大小、倍速autoplay自动播放muted静音播放loop循环播放
!DOCTYPE html
htmlheadmeta charsetutf-8title/title/headbodyh1下面是视频/h1video src./video1.mp4 controls autoplay muted loop/videovideo source src./video1.mp4//video/body
/html 音频标签
audio src地址 /audio
需要配合控制框架controls使用。
!DOCTYPE html
htmlheadmeta charsetutf-8title/title/headbody下面是音频标签audio src./可以了-陈奕迅.mp3 controls/audio/body
/html 表单
是用户输入信息与网页互动的一种形式。大多数情况下用户提交的信息会发给服务器比如网站的搜索栏就是表单。
表单里常用的类型 类型作用text 文本 password密码输入之后显示黑色圆点radio单选几个选项之间的name值需要一样value也要写上值checkbox多选几个选项之间的name值需要一样value也要写上值submit提交按钮button无用提交按钮url网址且只能输入网址否则不能提交time时间选择时间
其他的功能
①提交
button点击提交/button
②输入框
textarea name id cols rows/textarea
③下拉框
select namecity idoption value西安西安/optionoption value南京selected南京/optionoption value延安延安/option
/select 注
背景提示文字placeholder
禁止输入/选择disabled
单选默认选择checked
下拉框默认选择selected
!DOCTYPE html
htmlheadmeta charsetutf-8title/title/headbodyform action#用户名input typetext nameusername placeholder请输入用户名 /密码input typepassword namepwd placeholder请输入密码/性别男input typeradio namesex value男/ 女 input typeradio namesex value女 checked/你在干嘛吃饭 input typecheckbox namehobby value吃饭 /睡觉 input typecheckbox namehobby value睡觉 /input typesubmit /button点击提交/buttoninput typebutton namewuyong value提交/textarea namearea1 id cols30 rows10/textareaselect namecity idoption value西安西安/optionoption value南京selected南京/optionoption value延安延安/option/select/form/body
/html 当作为单选或者多选时若想要点击字就选择上该项则可使用label全部包起来该选项也可以只包字但是需要使用for选择为谁使用。
!DOCTYPE html
htmlheadmeta charsetutf-8title/title/headbodyform action#性别labelinput typeradio namesex/男/labelinput typeradio namesex idsex1/label forsex1女/label/form/body
/html 表格标签
表格的关键词 table表格caption表标题thead表头tr行th表头里面的单元格字体会加粗tbody表体td表体的单元格tfoot 表尾
注每一行的单元格数需要相等。thead、tbody、tfoot可以省略直接按行写。
tablecaption/captiontheadtrth/thth/thth/th/tr/theadtbodytrtd/tdtd/tdtd/td/tr/tbodytfoottrtd/tdtd/tdtd/td/tr/tfoot
/table
!DOCTYPE html
htmlheadmeta charsetutf-8title/title/headbodytable border1px cellspacing0 width300px height200pxcaption学生信息表/captionthead height200px alignright valigntoptr bgcolorpinkth姓名/thth性别/thth年龄/th/tr/theadtbodytrtd rowspan2张三/tdtd男/tdtd13/td/trtr!-- td要跨行所以把这个单元格删除/td --td女/tdtd15/td/trtrtd王五/tdtd男/tdtd20/td/trtrtd老六/tdtd男/tdtd33/td/tr/tbodytfoottrtd colspan2/td!-- td要跨列所以把单元格删除/td --td共计4人/td/tr/tfoot/table/body
/html
table常用属性 属性作用border1px边框设为1pxcellspacing0px设置单元格之间的距离width设置表格的宽height设置表格的高
thead\tbody\tbody\tr的属性 属性作用height设置行高align设置水平对齐方式有left、center、rightvalign设置垂直对齐方式有top、middle、buttombgcolor设置背景颜色
td属性 属性作用rowspan跨行rolspan跨列 iframe标签
嵌入广告或其他页面使用。也可以使用width、height设置宽和高。
iframe src地址 frameborder0/iframe
可以配合a使用例如只有点击超链接之后才会出现表格。
!DOCTYPE html
htmlheadmeta charsetutf-8title/title/headbodya href./表格.html targetee前往表格/aiframe frameborder0 nameee/iframe/body
/html
全局属性
全局属性 属性作用id唯一标记 class 可以多个标签用一个一个标签也可以用多个tabindex可以使用tab键选择-1不可遍历1按顺序遍历contenteditable原本不可修改的文字变得可以修改 特殊字符
nbsp;代表一个空格
lt;代表小于号
gt;代表大于号 copy;代表版权信息
