【狂神说html笔记】常用标签

:使用html5规范

html: html文档的根标签

head: 头标签。用于指定html文档的一些属性。引入外部的资源

title: 定义标题

body: 体标签(只有在body内写的才会显示出来)

:注释:

:描述网站信息






    
    
    


    网站标题


helloworld

标题标签:

xxx

:一级标题

xxx

:二级标题



一级标题

二级标题

三级标题

【狂神说html笔记】常用标签_第1张图片

 段落标签:


123 456

789 2

>

【狂神说html笔记】常用标签_第2张图片

 换行标签:


123 456
789 2

 水平线标签





 字体样式标签:

粗体:

斜体:


粗体
斜体

 特殊符号标签:&

&输入首字母会出现列出所有....

空格   


空     格

如果不用 ,那么无论中间空多少个空格,网页只会显示一个空格

大于号>

小于号<

版权符号:©©

图像标签:

src:路径地址(分为相对路径和绝对路径)(必填)

alt:图片名称(必填)

width:宽

heigths高

一般在同级目录下建一个资源包,把文件粘贴到其中,此时路径地址写相对地址

../表示上一级目录


java

链接标签:

页面间链接:

href :必填,表示跳转到哪个页面

target="_blank":在新标签页打开

target=“_self”:在自己网页中打开


点击进入百度>

用图片作为超链接:


java

锚链接:

1、需要一个锚标记

2、跳转到标记

使用name作为标记,通过#t跳到标记

跳转到名的位置



12345
12345
12345
12345
12345
12345
12345
12345
12345
12345
12345
12345
12345
12345
12345
12345
回到顶部>

【狂神说html笔记】常用标签_第3张图片

 锚链接也可以到其他网页的标记位置

功能性链接:

邮件链接:


联系邮件>

行内元素:内容撑开宽度,左右都是行内元素的可以排在一行

块元素:无论内容多少,该元素独占一行(p ,h1.....)


列表标签:

列表就是信息资源的一种展示形式。它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息

有序列表,无序列表,自定义列表




  1. java
  2. python
  3. c++
  • java
  • python
  • c++
学科
java
python
位置
江苏
上海

【狂神说html笔记】常用标签_第4张图片

 表格标签:

基本结构:单元格,行,列,跨行,跨列


1-1 1-2 1-3 1-4
2-1 2-2 2-3 2-4

【狂神说html笔记】常用标签_第5张图片

 跨行跨列:(合并单元格)
 


1-1
2-1 2-2 2-3 2-4
3-2 3-3 3-4

【狂神说html笔记】常用标签_第6张图片


 媒体元素:

视频元素:




音频元素   




页面结构分析:

元素名 描述
header 标题头部区域的内容(用于页面或页面的一块区域)
footer 标记脚部区域的内容(用于整个页面或页面的一块区域)
section Web页面中的一块独立区域
artilcle 独立的文章内容
aside 相关内容或应用(常用于侧边栏)
nav 导航类辅助内容

网页头部

网页主体

网页底部

>

iframe内联框架:

网站中内嵌一个网站

w-h:宽度高度



表单语法



注册

名字:

密码:

get方式提交:    可以在url中看到提交的方式,不安全,高效

post方式提交:  安全,可以传输大文件

表单元素格式:

属性 说明
type

指定元素类型。

text password checkbox radio (单选框)

submit reset file hidden image buuton

默认为text

name       指定表单元素的名称(必填)
value 元素的初始值。type为raido必须指定一个值 
size

指定表单元素的初始宽度

当type为text或password时,表单元素的大小以字符为单位

对于其他类型,宽度以像素为单位

maxlength type为text或password时,输入的最大字符数
checked type为radio或checkbox时,指定按钮是否被选中

单选框:type   value  name(组)

   性别
    

name相同在同一组,只能选一个

多选框checkbox 

  爱好:
    睡觉
    唱歌
    聊天

默认值checked,表示默认在哪一项

    聊天

按钮button

name ,value为按钮上的值

    

图片按钮:

点击图片提交表单

文件域:

input type="file"

 

邮件验证

数字验证:

最大值100 ,最小值0,步长为10 

滑块:

搜索框:


 

下拉框:

国家

默认值selected表示默认在哪一个

文本域textarea

【狂神说html笔记】常用标签_第7张图片

 表单的应用:

只读:readonly

禁用:disabled

隐藏:hidden 框没了,属性还在

表单初级验证:

placeholder:提示信息

用于输入框中

用户

required:元素不能为空

   
    用户
    

 pattern 正则表达式

用百度搜 常用正则表达式

 

【狂神说html笔记】常用标签_第8张图片

 

【狂神说html笔记】常用标签_第9张图片

 【狂神说html笔记】常用标签_第10张图片

 

你可能感兴趣的:(html,webview,android,java)