我是靠谱客的博主 灵巧手机,最近开发中收集的这篇文章主要介绍前端学习笔记-htmlhtml,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

html

一、定义

超文本标记语言(Hypertext markup language)

二、语法

<开始标签>被标记的内容</结束标签>

三、属性

属性是对标签进行细节描述的东西
属性="属性值"

四、常用标签

1.基础标签
标题:hn(1-6级)
特点:文字依次变小,强调程度依次降低,都有加粗 效果
段落:p
换行:br
水平线:hr
2.文本标签
加粗:strong/b
倾斜:em/i
变大:big
变小:small
上标:sup
下标:sub
3.特殊标签
大空格:&emsp;
小空格:&nbsp;
版权:&copy;
商标:&reg;
4.列表标签
有序列表:ol
无序列表:ul
列表项:li
自定义列表:dl
列表项:
dt:名词、术语、图片
dd:解释说明或图片描述
注意事项:
li外面必须被ol/ul包裹,ol/ul里面只能由li,li里面可以由任何元素。
5.图片标签:img
属性:
图片地址:src
替代文本:alt
宽高:width/height
6.超链接标签:a
属性:
链接地址:href
打开方式:target
锚点链接:一般通过id来实现
7.布局标签:没有任何样式
div
span
8.表格标签:table
tr:表示行
td:表示单元格
属性:
跨行合并:rowspan
跨列合并:colspan
属性:
边框:border
双线边框:cellspacing
单元格与内容之间的间距:cellpadding
新增标签:
表头:thead
内容:tbody
表尾:tfoot
9.表单标签:form
1.输入框标签input
2.按钮标签:button
3.字段集标签:fieldset 需要配合legend标签使用
4.label标签:常用于包裹input标签
5.下拉框标签:select 常搭配option标签使用
6.文本域标签:textarea
10.H5新特性标签
1.结构化标签
页头:header
主体:main
页脚:footer
导航:nav
侧栏:aside
独立区域:section
文章:article
2.其他标签
图文组:figure 常搭配 figcaption
高亮:mark
标题组:hgroup
对话框:dialog 需要设置属性open
画布:canvas
3.多媒体标签
音频:audio
视频:video
source标签:当存在该标签时,上述两个标签属性不添加src
多媒体标签:embed
4.数据列表:datalist
5.输出标签:output
6.内联框架标签:iframe

最后

以上就是灵巧手机为你收集整理的前端学习笔记-htmlhtml的全部内容,希望文章能够帮你解决前端学习笔记-htmlhtml所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(46)

评论列表共有 0 条评论

立即
投稿
返回
顶部