html入门知识点有哪些

发布时间:2022-03-01 14:13:46 作者:iii
来源:亿速云 阅读:163

本文小编为大家详细介绍“html入门知识点有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“html入门知识点有哪些”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

  一、 html的简介:

  1.html是什么

  html是用来描述网页的一种语言

  简单的缩写为html,全拼(Hyper Text Markup Lunguage)

  2.html的书写结构

  3.html标签的结构特点:

  (1)html标签是以尖括号包裹关键字成对出现的,有开始开始标签和结束标签,支持正确的嵌套

  (2)大部分标签有属性,格式,

  (3)html不区分大小写

  二、介绍html中的基本标签

  1.文件标签

  2.排版样式

  1.注释样式

  2.换行标签

  3.段落标签

  4.水平线标签

  属性:

  width:长度

  size:粗度

  color:颜色

  aligan:对齐方式

  尺寸的写法:

  像素:px

  百分比:占副标签的百分比

  3.块标签

  行级块标签/div+css布局/

  行内块标签

  4.文字标签

  基本文字标签

  属性:color:颜色

  size:大小

  face:字体类型

  标题标签:

  5.列表标签

  1.无序列表

  属性:type:(数字,字母,罗马数字)

  start: 数字,代表首项开始位置

  2.有序列表:

  属性:type:(数字,字母,罗马数字)

  start: 数字,代表首项开始位置

  6.图形列表

  属性:

  scr:图形地址

  width:宽度

  height:高度

  border:变宽

  align:对齐方式

  alt:图片文字说明

  7.链接标签

  跳转页面地址:href

  名称,锚点:name

  作用:

  (1)页面跳转,调到外网必须添加协议

  (2)访问锚点,回到锚点(顶部,底部,中间)

  8.表格标签

  属性:

  border:表格边框

  width:表格宽度

  height:表格高度

  align:对齐方式

  bgcolor:背景颜色

  代表行:

  代表列:

  属性:

  列合并:colspan

  行合并:rowspan

  :相等于列,但内置样式居中

  :表头

  表格的作用:

  (1):简单的实现一个表格样式

  (2):进行页面布局

  示例

  三。html表单标签

  1.form标签:

  属性:

  name:表单名称

  action:提交的路径地址

  method:提交方式(post和get)

  post:提交将数据封装在请求体中,不限制大小

  get:将数据加在地址栏的后面,有限制大小

  2.input标签:

  type属性:

  :普通的文本输入框

  name

  password:密码输入框

  radio:单选按钮

  属性:

  name:如果想让一组单选按钮互斥,就用指定同意name属性值,需要加value属性值;

  checked:默认被选中

  :复选框:

  name:组的概念,需要加value的值

  :默认被选中

  :上传文件的控件

  :普通按钮,没有任何内置的功能

  :内置功能,点击会按照action地址提交

  :重置,点击会清空之前填写的内容

  :图片按钮

  属性:

  src:加载图片

  alt:图片的提示文字

  :隐藏表单

  3.select标签

  属性:

  name:表单项的名称

  option:可选项(下拉菜单之间的级联)

  属性:value:表单项的值

  selected:默认被选中

  4.textarea:文本域标签

  属性:

  cols:列数

  rows:行数

  四。html框架标签及其他

  1.框架标签

  属性:

  rows:按行划分

  cols:按列划分

  属性:

  name:名称

  src:加载页面的地址

  2.其他标签:

  3.特殊字符

  :空格

  :大于号

  :小于号

  :版权符号

  :注册符号

读到这里,这篇“html入门知识点有哪些”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注亿速云行业资讯频道。

推荐阅读:
  1. Redux入门知识点有哪些
  2. HTML入门基础的知识点有哪些

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

html

上一篇:HTML5新特性有哪些及怎么定义

下一篇:javascript中局部变量是什么意思

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》