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

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

HTML页面的骨架

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

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

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

标记的分类

注释

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

双标签

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

单标签

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

标记的关系

父子关系

兄弟关系

常用标记

标题标记(<hx></hx> 双标签,有语义)

  • <h1>我是标题1</h1>
  • <h2>我是标题2</h2>
  • <h3>我是标题3</h3>
  • <h4>我是标题4</h4>
  • <h5>我是标题5</h5>
  • <h6>我是标题6</h6>

段落标记(<p></p> 双标签,有语义)

水平线标记(<hr /> 单标签)

换行标记(<br /> 单标签)

布局标记(没有语义)

  • <div></div>    独立一行
  • <span></span>    不独立一行

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

文本格式化标记

  • strong    b
  • em    i
  • del    s
  • ins    u

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

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

图像标记(<img /> 单标签)

属性(key):attribute

  1. 在开始标签里
  2. 形式:key=”value”,tips:没有空格,用双引号,全小写字母

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

如本页面:<img src=”https://www.aiyouseo.com/wp-content/uploads/2018/12/1.png” alt=”爱优SEOM优化” title=”春春”/>

链接标记(<a></a> 双标签)

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

属性:

  • 链接标记 href:绝对路径,相对路径,#标示空链接
  • target:_self自己,缺省,_blank 开新页面

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

锚点定位:

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

特殊字符

  • 空格 &nbsp;
  • 小于号 &lt;
  • 大于号 &gt;
  • & &amp;

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

abc    abcd <p>aaaa</p>

列表标记(有语义)

  • 无序列表  ul  li  (ul中只能有li)
  • 有序列表  ol  li
  • 自定义列表  dl  dt  dd

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

表格标记(<table></table> 双标签)

  • 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)

表格标题以及表头:

  • <caption>表格的题目</caption>
  • <th>表头</th>
  • <thaed></thead>  <tbody></tbody>

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

单元格的合并:

表格的横向合并:一行中,把几个单元格合成一个单元格
1.找到左上cell的行数和列数
2.几个单元格合并
3.”左上cell”对应的td,td加属性:colspan=合并数
4.把已经被占位的cell对应的td删除

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

表格的纵向合并:一列中,把几个单元格合成一个单元格
1.找到左上cell的行数和列数
2.几个单元格合并
3.”左上cell”对应的td,td加属性:rowspan=合并数
4.把已经被占位的cell对应的td删除

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

表格的多行多列合并
1.找到左上cell的行数和列数
2.几行合并,几列合并
3.”左上cell”对应的td,td加属性:rowspan=行合并数 colspan=列合并数
4.把已经被占位的cell对应的td删除

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

input标记(<input/>)

属性:

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

type:

  • text(单行的输入文本框)
  • password(单行的输入密码框)
  • radio(单选按钮)
  • checkbox(复选框)
  • button(按钮)
  • submit
  • reset
  • image
  • file(文件提交)

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

label标记(<label></label>)

将文字和控件关联起来

属性:for

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

textarea标记

select标记

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

form标记(表单域)

属性:action method

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

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注