html标签

最新推荐文章于 2024-08-26 22:59:32 发布
最新推荐文章于 2024-08-26 22:59:32 发布
阅读量115 收藏 1
点赞数 1
分类专栏： Write 文章标签： html5 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57379855/article/details/120820030
版权

HTML基础

HTML标签

< !DOCTYPE html>
< html>
< head>
< title>< /title>
< /head>

< body>
HTML文件的正文
< /body>
< /html>
–< head>不在浏览器上显示
–< body>包含的内容在浏览器上显示
注意：word的空格和回车不会在浏览器里面编译
块级元素：单独占一行的元素
行级元素：一行可以放很多个元素

doctype标签

HTML版本申明

html标签

首尾标签
确定html的范围

head标签

头部标签

meta标签

  • < meta charset=“utf-8” />
    编码格式

title标签

页面标题

  • body标签
    浏览器页面内容

< font>标签

常用的属性：face 用来描述字体的样式
size 用来描述字体的大小，最大取值为7
Color 用来描述字体的颜色，取值的三种形式：
1.用英文单词表示：red,green,blue
2.用16进制的数据表示：#ff0000
3.用rgb三原色表示：rgb(255,255,0)

< b>标签

< p>< b>加粗< /b>< p>

< i>标签

< p > < i>斜体< /i>< p>

< u>标签

< p> < u>下划线< /u>< p>

< s>标签

< p>< s>删除线< /s>< p>

< sup>标签

< p>< sup>上标< /sup>< p>

< sub>标签

< p>< sub>下标< /sub>< p>

< font>标签

< font face=”宋体” size=”1” color=”#003366”>字体字型字号及颜色设置< /font>

< h1>标签

HTML使用h1到h6的标签来标记文本中的标题标签越大，字体越小

  • align="对齐方式“
    有三个值可选,left,right.center

< br>标签

换行标签，在当前位置产生一个换行，单独使用，无结束标签

< pre>标签

预格式化标签。将标签中的文本内容按原有的格式显示

< div>标签

定义文档中分区或节，浏览器会自动在

所标记区域前后自动放置一个换行符，每个标签都可以有个独立的ID号

< span>标签

定义文档中一行的一部分，是行内元素

< ol>标签，< li>标签

有序列表包含在

  1. 标签中，列表项包含在
  2. 标钱中
    < ol type=”A”>
    < i>第一章< /li>
    < li>第二章< /li>
    < li>第三章< /li>
    < /ol>
    type为A让文本以字母形式排序，type值为空，默认以阿拉伯数字排序，type为i以罗马数字排序
    显示效果
    A.第一章
    B.第二章
    C.第三章

< ul>标签

无序列表包含在

  • 标签中，文本用小黑圆点来标记
    type可取disc,circle,square

< dl>标签、< dt>标签、< dd>标签

dl：定义清单标记，dt用以标示定义条目，dd则用以表示定义内容

标签

注释文本的标签

hr标签

水平线标签

常用的文本标签

p标签

< p align = “center” >第一个网页


分段，块级元素

属性

  • align
    水平对齐方式，可选left,right,center
  • class
    设置CSS类
  • dir
    文字方向
  • style
    设置内嵌样式
    "color:red"设置文本颜色
  • title
    设置工具提示

hr标签

水平线标签

属性

  • align
    水平对齐方式，可选left,right,center
  • size
    设定线条厚度。以像素为单位
  • width
    设定线条长度，可以是绝对值（以像素为单位）或相对100%值
  • color
    设定线条颜色
  • noshade
    设定线条为平面显示，若取消此项则具有阴影或立体

强调标签

b标签

要以粗体显示的字体

strong标签

要以粗体显示的字体

HTML超链接

< a>超链接标签
超链接是指从一个网页的信息节点指向一个目标的链接关系
链接目标可以是一个网页，也可以是同一网页的不同位置，还可以是图片，地址邮件，或者是应用程序
使用href来确定需要链接的目标文件
Url:统一资源定位符，是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址
1.绝对路径（url）:他是链接文档之外的站点，一般包括通信协议名，服务器名，路径及文件名的完全路径
http://www.kmust.edu.cn/html/xxgk/xxjj/1.html
http 通信协议名 www.kmust.edu.cn 服务器名 后面的是路径及文件的完全路径
2.相对路径：他是链接当前站点的文档
》指向相同的目录：href属性值可以直接写文件名
》指向子目录：href属性为/每级目录，直到找到目标文件
》指向上级目录：href属性值需要…/返回，上一级目录之后再一级一级的写下去
链接文件除了html文件外，也可以是其他类型文件，如果浏览器不能直接处理，就会出现下载对话框

链接同一网页的不同位置：
1.使用Name属性，在需要的位置创建一个锚点（锚点是文档中的某一个记号，类似与书签，用于链接到文档中某一个位置）< a name=”锚点名”>目标内容< /a>
2.通过锚点名，在指定的位置和锚点建立链接< a href=”#锚点名”>超链接文本和图像< /a>

target属性：表示目标链接文档的打开方式
1.target=”_self”：表示在当前浏览器窗口打开
2.targe=”_blank”:表示在新窗口打开

img标签

属于行级元素
< img>图片标签，没有结束标签
1.src属性值为要加载的图片的url地址
2.alt属性表示当网页图片加载失败后，将在显示图片的位置显示替代的文本
< a href=”http://www.kmust.edu.cn”>< img src=”banner.gif”/> </ a>实现了
图片的超链接

属性

  • width
    设置图片的宽度
  • height
    设置图片的高度
  • src
    设置图片链接
  • alt
    由于路径或网络加载不出来时，出现的提示信息
  • align
    当图片与文字在同一行的时候，可以设置图片和文字的对齐方式
    top,middle,bottom

路径

1.绝对路径（url）:他是链接文档之外的站点，一般包括通信协议名，服务器名，路径及文件名的完全路径
http://www.kmust.edu.cn/html/xxgk/xxjj/1.html
http 通信协议名 www.kmust.edu.cn 服务器名 后面的是路径及文件的完全路径
2.相对路径：他是链接当前站点的文档

HTML之多媒体

< video>标签

在页面插入视频文件的标签

  • controls
    控制播放按钮的属性（controls=”controls”）
  • preload
    在播放视频的同时加载后续的内容（preload=”auto”）
  • playcount
    定义音频片段播放多少次，默认是1
  • muted
    播放是静音属性（muted）
  • autoplay 在
    打开页面时视频自动播放（autoplay=”autoplay”）
  • loop
    使视频循环播放（loop=”loop”）
  • poster
    在视频前载入海报（poster=”img/1.jpg”）
  • start
    定义播放器在音频流中开始播放的位置

< audio>标签

在页面插入音频文件的标签
属性同上

half~
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML标签
imfs12的博客
02-22 265
HTML基本语法概述 HTML 标签是由尖括号包围的关键词，例如<html>。 HTML 标签通常是成对出现的，例如<html> 和</html> ，我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。 有些特殊的标签必须是单个标签（极少情况），例如<br />，我们称为单标签 HTML 基本结构标签 HTML常用标签 1.标题标签：<h1>----<h6> 2.段落标签：<p>&...
Web-HTML5
Half_orc的博客
01-18 366
简介 超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。 HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video
html中常见的标签及作用
热门推荐
摸鱼的博客
07-01 1万+
1.<title> <title>元素可定义文档的标题。 浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链接的默认名称。   2.<head> <head> 标签用于定义文档的头部，它是所有头部元素的容器。 中的元素可以引用脚本、指示浏...
HTML系列之链接标签 a
老__L的博客
10-24 5816
本文主要介绍a标签。 a>元素（或称锚元素）可以通过它的href属性创建通向其他网页文件同一页面内的位置电子邮件地址或任何其他 URL 的超链接。中的内容应该指明链接的意图。如果存在href属性，当元素聚焦时按下回车键就会激活它。a 标签的开始标签和结束标签都不能省略；外部链接：需要添加；内部链接：直接链接内部页面名称即可，比如< a href="index.html">首页；如果当时没有确定链接目标时，通常将链接标签的 href 属性值定义为。
HTML 标签
qq_67413159的博客
03-06 3970
文本是网页的基本元素，在<body> 标签中直接插入文本，即可显示在网页页面中。 例如： 标题段落标签 在网页制作规范中，网页的内容需要用标题来呈现文档结构，标题类似于文章的大纲。标题 是通过 <h1>~</h6> 标签进行定义的， <h1> 用于定义最大级别的标题。<h6> 用于定义最小级别的标题。 HTML 规则中对6级标题段落标签设置了默认样式，，包含加粗、字号、上下间距，每一级的字号和上下间距值如下表所示。运行...
java输出中写html标签,java 输出html标签
weixin_42374582的博客
05-31 2035
java 输出html标签[2021-02-01 07:37:44]简介:php去除nbsp的方法：首先创建一个PHP代码示例文件；然后通过“preg_replace("/(\s|\&nbsp\;|　|\xc2\xa0)/", " ", strip_tags($val));”方法去除所有nbsp即可。推荐：《PHP视频教jquery输出html代码的方法：1、直接输出标签元素，代码为【...
html标签各属性之间用空格隔开对吗,03-HTML标签（二）
weixin_39899691的博客
06-04 4001
一、HTML常用标签1、排版标签排版标签主要和css搭配使用，显示网页结构的标签，是网页布局最常用的标签。1.1、标题标签 h1 ~ h6单词缩写： head 头部. 标题为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题。语义：作为标题使用，并且依据重要性递减语法： 标题文本 标题文本 标题文本 标题文本 标题文...
freemarker解析html标签,【转】Freemarker输出$和html标签等特殊符号
weixin_39970689的博客
06-21 1961
原文：http://blog.csdn.net/achilles12345/article/details/41820507场景：程序员都不喜欢看文档，而更喜欢抄例子。所以，我们把平台组的组件都做成例子供别人参考。我们前端展示层使用的是freemarker，所以遇到这个问题，比如我们要让前端显示freemarker自己的源码时就有问题了(因为我们例子程序的页面也是使用freemarker)。遇到的...
rn html标签,React Native展示富文本（HTML标签）最佳解决方案
weixin_32308101的博客
06-25 2373
需求背景我们最近要做一个React Native的产品详情页，里面有一部分内容展示的是服务端下发的html标签(运营人员编写的，内容不固定，且很随意)。需求点是：1、展示富文本，包括img、span、div等基本html标签；2、控制富文本的整体样式，比如业务配置的图片大小不一，我们要统一已屏幕宽度为基准，高度自适应。第三方组件react-native-htmlview要实现这个需求，我第一想到的...
HTML5服装电商网上商城模板源码
接受定制，友情互惠，致力于前端的全类型模板，打造通用模板源码，进阶于前后端联合模板，适用于全类型。
08-19 1526
HTML5服装电商网上商城模板源码，前端商城源码，商城网站源码，商城模板，服装商城源码，内置8个页面，各种好看的商品的展示，可以让自己的设计思路更加明确，表单，轮播图，演示，表格，登录，弹框等界面效果齐全，各种风格都有，代码上手简单，代码独立，可以直接使用。也可直接预览效果。
HTML5简洁的通用网站模板源码
接受定制，友情互惠，致力于前端的全类型模板，打造通用模板源码，进阶于前后端联合模板，适用于全类型。
08-19 867
HTML5简洁的通用网站模板源码，各行各业的网站源码，文字源码大作业网站源码，毕业设计网站源码，通用模板，网站源码，布局规整，色彩鲜明，导航菜单，轮播图（可自定义内容），图文结合，滚动信息，信息表单，描点跳转，整体风格简洁，内容丰富，各种风格都有，兼容性强，代码上手简单，代码独立，可以直接使用。也可直接预览效果。
HTML静态网页成品作业(HTML+CSS+JS)——体育足球介绍设计制作(3个页面)
2301_78945238的博客
08-23 368
HTML静态网页成品作业(HTML+CSS+JS)——体育足球介绍设计制作(3个页面)
html文本文字中保留空格和换行
qq_41985405的博客
08-26 111
空格和换行的样式：虽然HTML本身并不直接支持对空格和换行的样式设置，但是我们可以通过CSS来实现这个效果，我们可以使用whitespace属性来控制如何处理元素中的空白。会使元素中的所有空白都被保留，而whitespace: nowrap;则会阻止元素中的文本换行。
【HTML】语义化
DX390609的博客
08-22 309
根据内容的结构选择合适的标签。
Java学习Day33：HTML 第三章：挟魂崖
weixin_51721783的博客
08-21 1000
JavaScript中，dom是一套操作文档内容的方法，可以完成查、增、删、改（先删后增）的操作。而且dom的开发效率很高，还可以用于服务器渲染、weex 开发等。本文向大家介绍JavaScript中的dom。1、什么是dom？dom，全称Document Object Model文档对象模型，是 W3C 的标准；[所有浏览器公共遵守的标准]。用于处理网页内容的方法和接口，简单的说就是一套操作文档内容的方法。2、dom组成：由HTML、CSS、事件（交互）组成。
【HTML】模拟消息折叠效果【附源代码】
Young_Pro的博客
08-26 669
通过 Html 搭配 CSS 和 JavaScript 模拟消息折叠效果，点击展开消息，再次点击即可收起消息
html快速入门
m0_52049533的博客
08-22 456
/
java一键生成数据库说明文档html格式
最新发布
无极低码
08-26 208
要验收项目了，要写数据库文档，一大堆表太费劲了，直接生成一个吧，本来想用个别人的轮子，网上看了几个，感觉效果不怎么好，自己动手写一个吧。抽空再把字典表补充进去就OK了先看效果：目录快速导航生成效果。
HTML标签属性完全指南
"HTML标签属性大全" HTML（HyperText Markup Language）是用于创建网页的标准标记语言。这个摘要提供了HTML标签的一些基本知识，包括文档结构、文本样式、链接创建、格式排版以及图形元素的使用。 首先，HTML文档...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值