html是什么网的标记,html是什么?常见标记有哪些?

HTML全称是超文本标记语言(Hyper Text Markup Language),HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。标记(Markup)无法直接显示,用于框定HTML文件的结构,能够被浏览器识别。

HTML页面的骨架

html,head,body,title组成了html的骨架,要记住所有的标记都是小写字母

de60878596686be84df667e32ceaffe8.png

DOCTYPE指明了HTML的标准是HTML4.01还是XHTML还是HTML5

标记的分类

注释

写给人看的内容,浏览器会忽略。,快捷键:Ctrl + /

双标签

有一个开始标签,还有一个结束标签

单标签

只有一个开始标签,开始标签的结尾可以什么都没有,也可以有一个 /

标记的关系

父子关系

兄弟关系

常用标记

标题标记( 双标签,有语义)

我是标题1

我是标题2

我是标题3

我是标题4
我是标题5
我是标题6

段落标记(

水平线标记(


单标签)

换行标记(
单标签)

布局标记(没有语义)

    不独立一行

de60878596686be84df667e32ceaffe8.png

文本格式化标记

strong    b

em    i

del    s

ins    u

de60878596686be84df667e32ceaffe8.png

b,i,s,u是HTML4标准中的,给文字加样式的,不带有语义。strong,em,del,ins是XHTML标准中,HTML5兼容,带有语义的,表示强调。

图像标记( 单标签)

属性(key):attribute

在开始标签里

形式:key=”value”,tips:没有空格,用双引号,全小写字母

de60878596686be84df667e32ceaffe8.png

如本页面:”爱优SEOM优化”

链接标记( 双标签)

a标中可以放置图片等非文字元素

属性:

链接标记 href:绝对路径,相对路径,#标示空链接

target:_self自己,缺省,_blank 开新页面

de60878596686be84df667e32ceaffe8.png

锚点定位:

de60878596686be84df667e32ceaffe8.png

特殊字符

空格  

小于号 <

大于号 >

& &

de60878596686be84df667e32ceaffe8.png

abc    abcd

aaaa

列表标记(有语义)

无序列表  ul  li  (ul中只能有li)

有序列表  ol  li

自定义列表  dl  dt  dd

de60878596686be84df667e32ceaffe8.png

表格标记(

双标签)

tr:表示一行

td:表示一列  (HBuider快捷键  tr*3>td*4  3行4列)

table里面必须是tr,tr里面必须是th或者td,然后th或者td里面放东西,类似ul li和dl dt dd

属性:

border:(表格的边框(缺省0)) 概念:外部的是table的边框,里面的是cell边框

cellspacing:table和cell之间的空白(缺省2)

cellpadding:cell和内容之间的空白(缺省1)

width:表格宽度

height:表格高度

align:表格水平的对齐方式(缺省left,可选center,right)

表格标题以及表头:

表格的题目表头

de60878596686be84df667e32ceaffe8.png

单元格的合并:

表格的横向合并:一行中,把几个单元格合成一个单元格

1.找到左上cell的行数和列数

2.几个单元格合并

3.”左上cell”对应的td,td加属性:colspan=合并数

4.把已经被占位的cell对应的td删除

de60878596686be84df667e32ceaffe8.png

表格的纵向合并:一列中,把几个单元格合成一个单元格

1.找到左上cell的行数和列数

2.几个单元格合并

3.”左上cell”对应的td,td加属性:rowspan=合并数

4.把已经被占位的cell对应的td删除

de60878596686be84df667e32ceaffe8.png

表格的多行多列合并

1.找到左上cell的行数和列数

2.几行合并,几列合并

3.”左上cell”对应的td,td加属性:rowspan=行合并数 colspan=列合并数

4.把已经被占位的cell对应的td删除

de60878596686be84df667e32ceaffe8.png

input标记()

属性:

name    value    size    checked(初始缺省)    maxlength(最多输入字符数)

type:

text(单行的输入文本框)

password(单行的输入密码框)

radio(单选按钮)

checkbox(复选框)

button(按钮)

submit

reset

image

file(文件提交)

de60878596686be84df667e32ceaffe8.png

label标记()

将文字和控件关联起来

属性:for

de60878596686be84df667e32ceaffe8.png

textarea标记

select标记

de60878596686be84df667e32ceaffe8.png

form标记(表单域)

属性:action method

de60878596686be84df667e32ceaffe8.png

本站技术原创文章,是由作者:常春 创作,如若转载请注明原文及出处:https://www.aiyouseo.com/jianzhan/1476.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值