ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

html入门

2022-02-24 13:34:48  阅读:120  来源: 互联网

标签:入门 标签 li html input 列表 回车 属性


html入门

���尖括号表示标记语言,标题:p回车(1-6级).段落标签p回车.换行标签br(单标签).水平分割线hr(单标签)���

img

���多媒体标签.

1图片标签“”既img回车其中src(图片路径注./是当前路径…/向当前路径回车两级而/是Linux的根目录相当于window的盘符cdef盘之类的)和alt(替换文本图片不显示才生效文字)title(鼠标悬停时的提示文本)width和height均为图片属性值是单标签.

img

2.音频标签controls>

img

3.视频标签 controls>���

img

4.链接标签a回车,href=“#”代表空链接,里面是地址外面是提示语

img

target属性

img

���vscode快捷键

!回车:自动生成html骨架���

右键选择运行在默认浏览器���

尖括号里面的内容写一个然后回车自动形成标签组���

选中内容Ctrl+d:修改全部与选中内容相同的内容���

Ctrl+z:自动换行

���列表标签

1.无序列表:先按ul回车里边再按li回车,无序列表的每行每一个都要用一个li回车li中间写排序内容

img

2.有序列表:先按ol回车里边再按li回车,无序列表的每行每一个都要用一个li回车li中间写排序内容

img

3.自定义列表

image-20220224132115755

img

���

���表格:建立表格table回车

img

img

表格属性:在table标签列加

img

表头和标题

img

img

表格结构标签(不重要)

img

img

合并单元格:用rowspan和colspan属性

img

img

表单:用于登录,注册和搜索框

img

(1)input(表单)标签及其属性

img

img

按钮

img

img

action后填后台服务器地址from管理按钮管辖范围value属性可以给按钮添加自定义的字,如

img

input中text和password的placeholder属性,在输入框内加入提示字

img

input中radio的name和checked属性

img

img

input的file的属性multiple

img

(2)button标签:注意与input标签的button区别

img

img

(3)select下拉菜单标签

img

img

(4)textarea文本域标签

img

img

(5)label标签:第一种id值等于for值

第二种直接把for删掉

img

img

(6)语义标签(要配合CSS用)

没有语义的两个标签:div(一行最多只有一个被div包裹的语句在遇到第二个div时会换行,跟css标签一起使用,用来网页布局/画布)和span(一行可以有多个不会自动换行),这两个标签没有任何效果和在body标签那些文字效果一样

img

有语义的标签

img

(7)字符实体标签:下面的字符实体一个实体名称代表一个显示结果

img

标签:入门,标签,li,html,input,列表,回车,属性
来源: https://blog.csdn.net/weixin_51056400/article/details/123109622

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有