HTML 标签和属性值的基本格式(html标签及属性大全百度资源)

yumo6669个月前 (05-03)技术文章75

HTML: HyperText Markup Language 超文本标记语言

HTML代码不区分大小写, 包括HTML标记、属性、属性值都不区分大小写;

任何空格或回车键在代码中都无效,插入空格或回车有专用的标记,分别是 、<br>

HTML标记中不要有空格,否则浏览器可能无法识别。

如何添加注释(comment:评论;注释)

<!-- -->
<comment></comment>
<!-- --> 不能留有空格


字符集

<meta http-equiv="Content-Type" content="text/html;charset=#"/>


<base target="_blank">

可以将a链接的默认属性设置为_blank属性

单个标签要有最好有结束符(可以没有结束符)

<br/> <img src="" width="" /> 

便于兼容XHTML(XHTML必须要有结束符)

HTML标签的属性值可以有引号,可以没有引号,为了提高代码的可读性,推荐使用引号(单引号和双引号),尽管属性值是整数,也推荐加上引号。

<marquee behavior="slide"></marquee> 

便于兼容XHTML(XHTML必须要有引号)

<marquee behavior=slide></marquee>

经过测试,以上程序都可以正确运行


HTML标签涉及到的颜色值格式:

color_name 规定颜色值为颜色名称的文本颜色(比如 "red")。

hex_number 规定颜色值为十六进制值的文本颜色(比如 "#ff0000")。

rgb_number 规定颜色值为 rgb 代码的文本颜色(比如 "rgb(255,0,0)")。

transparent 透明色 color:transparent

rgba(红0-255,绿0-255,蓝0-255,透明度0-1)

opacity属性: 就是葫芦娃兄弟老六(技能包隐身)

css:

div{opacity:0.1} /*取值为0-1*/

英文(颜色值)不区分大小写

HTML中颜色值:采用十六进制兼容性最好(十六进制显示颜色效果最佳)

CSS中颜色值:不存在兼容性

红色 #FF0000

绿色 #00FF00

蓝色 #0000FF

黑色: #000000

灰色 #CCCCCC

白色 #FFFFFF

青色 #00FFFF

洋红 #FF00FF

黄色 #FFFF00


请问后缀 html 和 htm 有什么区别?

答: 1. 如果一个网站有 index.html和index.htm,默认情况下,优先访问.html

2. htm后缀是为了兼容以前的DOS系统8.3的命名规范

XHTML与HTML之间的关系?

XHTML是EXtensible HyperText Markup Language的英文缩写,即可扩展的超文本标记语言.

XHTML语言是一种标记语言,它不需要编译,可以直接由浏览器执行.

XHTML是用来代替HTML的, 是2000年w3c公布发行的.

XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求.

XHTML是基于XML的应用.

XHTML更简洁更严谨.

XHTML也可以说就是HTML一个升级版本.(w3c描述它为'HTML 4.01')

XHTML是大小写敏感的,XHTML与HTML是不一样的;HTML不区分大小写,标准的XHTML标签应该使用小写.

XHTML属性值必须使用引号,而HTML属性值可用引号,可不要引号

XHTML属性不能简写:如checked必须写成checked="checked"

单标记<br>, XHTML必须有结束符<br/>,而HTML可以使用<br>,也可以使用<br/>

除此之外XHTML和HTML基本相同.


网页宽度设置多少为最佳?

960px


target属性值理解

_self 在当前窗口中打开链接文件,是默认值

_blank 开启一个新的窗口打开链接文件

_parent 在父级窗口中打开文件,常用于框架页面

_top 在顶层窗口中打开文件,常用语框架页面


字符集:

charset=utf-8

Gb2312 简单中文字符集, 最常用的中文字符

Gbk 简繁体字符集, 中文字符集

Big5 繁体字符集, 台湾等等

Utf-8 世界性语言的字符集

ANSI编码格式编码格式的扩展字符集有gb2312和gbk

单位问题:

HTML属性值数值型的一般不带单位, CSS必须带单位;


强制刷新

ctrl+F5

相关文章

Vue进阶(七十一):webpack实现一键动态切换主题色

前言项目中用了element-ui,有切换主题色的需求。但官方的方式,有几个问题:1、需要下载整个element-ui样式css,并替换其中的css样式颜色。文件较大,下载慢且影响性能。2、只能替换e...

谷歌:安卓 12 Material You 动态主题色彩系统已开源

IT之家 2 月 18 日消息,谷歌在 Android 12 中推出了 Material You 动态主题设计,该功能可帮助 App 根据用户的壁纸进行动态着色。近日,谷歌宣布开源 Material...

Python可视化交互库——dash——设置颜色

模块 dash.html 包含所有 HTML 标签, 可以用其设置文本及背景颜色.模块 dash.dcc 包含交互的高级组件.代码import pandas as pd import plotly.e...

Vue3 做主题色切换,一定要用这个神库!

端开发中,主题色管理是构建现代化、个性化应用的关键需求。theme-colors 库通过简洁的API和强大的功能,帮助开发者轻松实现 动态主题色切换、颜色派生和主题持久化 等功能。npm instal...

什么是 RGB 颜色?(什么是rgb值)

#挑战30天在头条写日记#如果您曾经听过一个人提到RGB并想知道他们在说什么,那么他们很可能在谈论颜色。RGB代表红色,绿色和蓝色,这是我们今天使用的任何交互式技术必不可少的三个组成部分。Werner...