HTML学习第一周

最新推荐文章于 2023-12-08 10:43:42 发布

Zhangzanhao

最新推荐文章于 2023-12-08 10:43:42 发布

阅读量252

点赞数

文章标签： html fpga开发 webview

本文链接：https://blog.csdn.net/Zhangzanhao/article/details/122281372

版权

HTML三要素

<html></html> 表示是HTML语言

基本标签

<title></title> 网页标题

<h1></h1> 标题

<p></p> 段落

<pre></pre> 不改变格式的文本

<font></font> 文本标签

<br> 换行

<hr> 横线

<del></del> 文字划条线

<ins></ins> 文字加下划线

<b><b>或<strong></strong> 加粗

<i></i>或<em></em> 斜体

<sub></sub> 右下方字

<sup></sup> 右上方字

< >   小于大于号空格

<table></table> 表格

<tr></tr> 行

<th></th> 使单元格内容居中且加粗

<td></td> 列

<abbr></abbr> 注释

基本属性

colour 颜色

width 宽度可有 width=1000px

height 高度

align 位置可以 align=center 表居中

border 表格网线的显浅程度 border=10px

colspan 修改指定td的文本占用的行数 colspan=2

rowspan 同理修改占用的列数

图片标签

<img> 就为图片标签

其中有src属性，title属性，alt属性

src

表示此图片的链接或位置

title

表示注释

alt

表示图片加载不成功后的提示信息

<!--title是鼠标悬浮在图片上会显示的信息，alt是图片加载不出来，或者找不到的时候会显示的信息-->
<img src = img/4.jpg   title=我是图片 alt=加载失败喔/>

超链接

<a>为超链接标签

其中有href属性，主要是网站地址

<a href = https://www.bilibili.com>B站</a>

在超链接中可以把图片也变成超链接

<a href = https://www.bilibili.com/video/BV11t411K74Q?p=14>
	<img src file:///D:/桌面/HTML文件/HTML  HBuilder/spacer1e9c5d.gif/>
</a>

有target属性

若为_blank即为开启新窗口，为_self即为在原窗口打开

列表

列表分为俩种，一种为无序列表，一种是有序列表

无序列表：

<ul>为无序列表的标签，其中包括了<li>标签，表示的是新增一个数据栏

其中<ul>有type属性，可以改数据前的符号

其中circle为圈圈，square为方块，disc为点点

有序列表：

<ol>为有序列表，也包括了<li>标签

也有type属性，可以直接输1，A,a等改变数据前的符号

表单

<form>为表单标签

有action属性，是发送数据的地址其中每个数据上传都要附带一个name和一个value

有method属性，选择past表示隐藏用户信息，get为显示

label

表示表单里的文本，同font差不多

但有for属性

<!--
	讲讲label后面for的用法，大概就是找到一个和for后面一样的id，并激活他
	在这里主要是可以 点男女汉字或者点圆圈都可以选中性别
-->
	<label for=man>男</label>
	<input type=radio name=sex id=man raquired checked>
	<label for=woman>女</label>
	<input type=radio name=sex id=woman required>
	<br>
	<input type=submit name=uuu value=登录>

input

下辖input标签，其中有type属性，表示类型

type=？

text 为文本框有以下属性

placeholder属性表示提示信息

maxlength表示规定用户输入字符数量

readonly属性表示用户只能看不能修改，且为白色背景数据上传到服务器

disable属性表示用户只能看不能修改，为灰色，数据不上传到服务器

password为密码框 pattern属性表示规定用户输入的格式

radio为单选框 checked属性表示默认选择

CheckBox是复选框

file表示可以选择本地的文件进行上传

hidden表示数据隐藏，不被用户看到自动上传

reset表示清空所有数据

require 必填

表示该项必填，但在表单form中加个novalidate表示不需验证，但又可以在input属性中加formnovalidate表示必须必须填写

autcomplete 保存信息

表示会保存上次用户输过的信息，下次可快速输入

autcomplete=no就表示保存 =off表示不保存

textarea 文本域

为文本域的标签，有row，cols属性，分别调行数列数

select datalist 下拉列表

都为下拉列表标签

select

属性multiple为支持Ctrl多选，size表示列数为多少，数据要用到<option>

datalist

要先在上面写个文本框，其中表明为list，等于随便一个数x，接着再写datalist，标注id=x

然后也一样，option标签表示数据

其实超链接也可以传输数据，只不过只能传输固定无法修改的数据

<a href=http://www.baidu.com/8080/oa/ssave/usename=zhangsan&wwname=cheng>提交</a>

这里就传输了name=zhangsan和wwname=cheng 当然这些都是我乱打的

好的这周就学到这么多

在这里注读者元旦快乐！！

Zhangzanhao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML学习第一周

目录HTML要素基本标签基本属性图片标签srctitlealt超链接href图片变成超链接target列表无序列表有序列表表单labelinputtype=？require必填autcomplete保存信息textarea 文本域select datalist 下拉列表超链接传输数据HTML三要素<html></html> 表示是HTML语言<head>&l...
复制链接

扫一扫