扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
本文小编为大家详细介绍“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入门知识点有哪些”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流