电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

HTML常用標簽超詳細整理

瀏覽:64日期:2022-06-03 09:40:16
目錄
  • HTML概述
    • 1.1什么是HTML
    • 1.2HTML概念
  • HTML常用基礎標簽
    • 標簽的分類:
    • 常用基本標簽

HTML概述

1.1 什么是HTML

HTML是做網站的、Web開發、互聯網生態開發(PC端+移動端+微應用) 目前我們使用的都是HTML5,支持傳統的PC端開發,還支持移動端開發還支持微應用開發,從而替換了部分傳統的移動端開發技術

1.2 HTML概念

HTML:Hyper Text Markup Language,超文本標記語言。是用來幫助我們構建網頁的。

【超文本】:網頁本身是一個文本文件,而超文本指的是這種文件中既可以包含文本信息,又可以包含圖片,音頻,視頻和鏈接等非文字的信息。

【標記語言】:標記,也叫做標簽。也就是說HTML這門語言是由標簽組成的。

HTML的標簽包含以下兩種:

(1) 帶有標簽體的標簽< a>標簽體< /a >

(2) 不帶標簽體的標簽(自結束標簽)< br/>,< hr/>

HTML通過提前約定好的標簽來構建我們的網頁內容,通過瀏覽器來進行解釋執行

瀏覽器是一個HTML的解釋器,在瀏覽器中內置了一個解釋器,該解釋器中包含了所有HTML標簽的展示風格

HTML常用基礎標簽

HTML文件的骨架:

Head標簽:其中可以對網頁進行整體設置

Body標簽:是HTML的正文標簽,我們在網頁上能看到的內容都寫在該標簽中

HTML的IDE工具

(1) DW(Dreamweaver)

(2) HBuilder

(3) Subline

(4) VSCode

(5) WebStorm

(6) 記事本

(7) 其他編程語言的IDE工具

標簽的分類:

1.帶有標簽體的標簽,這種標簽成對出現;有開始標簽也有單獨的結束標簽,:<html></html>,<head></head>,<body></body>
2.沒有標簽體的標簽(空標簽,自結束標簽),開始在結束在同一個標簽中<br />,<hr />

常用基本標簽

1.標題標簽hn(h1——h6)

2.字體標簽(font)

3.段落標簽(p)

主要用于將一段內容包裹起來,便于后期的統一設置,p標簽本身沒有效果,標簽內的內容與標簽外的內容空一行(自動換行)

4.換行標簽(br)

< br/ >換行標簽,中間不空行

5.水平線標簽(hr)

< hr/ >

6.圖片標簽(img)

< img src=”圖片地址” width=”寬度” height=”高度” / >

7.背景音樂(audio)

< audio src=”音樂” autoplay=“autoplay” loop=”loop”/ >

8.視頻(video)

在H5之前大多數視頻使用flash插件實現的,但flash插件加載速度較慢,在H5之后專門提供了一個視頻的標簽;

9.超鏈接標簽(a)

用法1:超鏈接:主要用于將多個頁面關聯到一起,使用超鏈接可以直接訪問另一個頁面;

通過base標簽統一設置頁面超鏈接的顯示目標< base target="_blank" / > 用法2:用于錨記頁面中的某個位置或其他頁面中的某個位置

10.列表標簽

(1)有序列表

< ol >

< li >列表項< /li >

< /ol >

(2)無序列表

(1) 自定義列表

dl:外圍標簽

dt:列表的標題標簽

dd:設置列表的具體列表項

11.marquee標簽

12.文本設置標簽

< b >< /b >字體加粗

< i >< /i >設置斜體

< u >< /u >設置文本下劃線

< s >< /s >在文本上設置一個刪除線

13.其他基本標簽

2< sup >n< /sup >:設置上標

log< sub>10< /sub>10:設置下標

以上就是HTML概述及常用標簽,歡迎各位在評論區留言一起討論學習~,如果覺得不錯三連支持一下

到此這篇關于HTML常用標簽超詳細整理的文章就介紹到這了,更多相關HTML 標簽內容請搜索以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持!

標簽: CSS HTML
相關文章:
主站蜘蛛池模板: 物流之家新闻网-最新物流新闻|物流资讯|物流政策|物流网-匡匡奈斯物流科技 | 环保袋,无纺布袋,无纺布打孔袋,保温袋,环保袋定制,环保袋厂家,环雅包装-十七年环保袋定制厂家 | TPE_TPE热塑性弹性体_TPE原料价格_TPE材料厂家-惠州市中塑王塑胶制品公司- 中塑王塑胶制品有限公司 | 深圳标识制作公司-标识标牌厂家-深圳广告标识制作-玟璟广告-深圳市玟璟广告有限公司 | 折弯机-刨槽机-数控折弯机-数控刨槽机-数控折弯机厂家-深圳豐科机械有限公司 | 木材烘干机,木炭烘干机,纸管/佛香烘干设备-河南蓝天机械制造有限公司 | EDLC超级法拉电容器_LIC锂离子超级电容_超级电容模组_软包单体电容电池_轴向薄膜电力电容器_深圳佳名兴电容有限公司_JMX专注中高端品牌电容生产厂家 | 加热制冷恒温循环器-加热制冷循环油浴-杭州庚雨仪器有限公司 | 工业胀紧套_万向节联轴器_链条-规格齐全-型号选购-非标订做-厂家批发价格-上海乙谛精密机械有限公司 | 油罐车_加油机_加油卷盘_加油机卷盘_罐车人孔盖_各类球阀_海底阀等车用配件厂家-湖北华特专用设备有限公司 | 天津仓库出租网-天津电商仓库-天津云仓一件代发-【博程云仓】 | 工控机,嵌入式主板,工业主板,arm主板,图像采集卡,poe网卡,朗锐智科 | 广西绿桂涂料--承接隔热涂料、隔音涂料、真石漆、多彩仿石漆等涂料工程双包施工 | 带锯机|木工带锯机圆木推台锯|跑车带锯机|河北茂业机械制造有限公司| | Maneurop/美优乐压缩机,活塞压缩机,型号规格,技术参数,尺寸图片,价格经销商 | 东风体检车厂家_公共卫生体检车_医院体检车_移动体检车-锦沅科贸 | 胶原检测试剂盒,弹性蛋白检测试剂盒,类克ELISA试剂盒,阿达木单抗ELISA试剂盒-北京群晓科苑生物技术有限公司 | 齿轮减速机_齿轮减速电机-VEMT蜗轮蜗杆减速机马达生产厂家瓦玛特传动瑞环机电 | 昆明挖掘机修理厂_挖掘机翻新再制造-昆明聚力工程机械维修有限公司 | 防腐储罐_塑料储罐_PE储罐厂家_淄博富邦滚塑防腐设备科技有限公司 | 工业铝型材-铝合金电机壳-铝排-气动执行器-山东永恒能源集团有限公司 | 不锈钢水管-不锈钢燃气管-卫生级不锈钢管件-不锈钢食品级水管-广东双兴新材料集团有限公司 | 佛山商标注册_商标注册代理|专利注册申请_商标注册公司_鸿邦知识产权 | 手术室净化装修-手术室净化工程公司-华锐手术室净化厂家 | 雨水收集系统厂家-雨水收集利用-模块雨水收集池-徐州博智环保科技有限公司 | 北京翻译公司_同传翻译_字幕翻译_合同翻译_英语陪同翻译_影视翻译_翻译盖章-译铭信息 | 好物生环保网、环保论坛 - 环保人的学习交流平台 | 可程式恒温恒湿试验箱|恒温恒湿箱|恒温恒湿试验箱|恒温恒湿老化试验箱|高低温试验箱价格报价-广东德瑞检测设备有限公司 | 电动高尔夫球车|电动观光车|电动巡逻车|电动越野车厂家-绿友机械集团股份有限公司 | 首页|专注深圳注册公司,代理记账报税,注册商标代理,工商变更,企业400电话等企业一站式服务-慧用心 | 温泉机设备|温泉小镇规划设计|碳酸泉设备 - 大连连邦温泉科技 | 解放卡车|出口|济南重汽|报价大全|山东三维商贸有限公司 | 博博会2021_中国博物馆及相关产品与技术博览会【博博会】 | 定做大型恒温循环水浴槽-工业用不锈钢恒温水箱-大容量低温恒温水槽-常州精达仪器 | 生物风-销售载体,基因,质粒,ATCC细胞,ATCC菌株等,欢迎购买-百风生物 | 冲击式破碎机-冲击式制砂机-移动碎石机厂家_青州市富康机械有限公司 | 河南橡胶接头厂家,河南波纹补偿器厂家,河南可曲挠橡胶软连接,河南套筒补偿器厂家-河南正大阀门 | 北京包装设计_标志设计公司_包装设计公司-北京思逸品牌设计 | 广州小程序开发_APP开发公司_分销商城系统定制_小跑科技 | 餐饮小吃技术培训-火锅串串香培训「何小胖培训」_成都点石成金[官网] | 西宁装修_西宁装修公司-西宁业之峰装饰-青海业之峰墅级装饰设计公司【官网】 |