HTML初涉

最新推荐文章于 2021-06-17 05:08:10 发布

Luna_ll

最新推荐文章于 2021-06-17 05:08:10 发布

阅读量239

点赞数

分类专栏： JavaWeb

本文链接：https://blog.csdn.net/Luna_ll/article/details/78995455

版权

JavaWeb 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一.html的基础:

超文本标记语言(Hyper Text Markup Language ),可以针对字体,图片,音频,视频等直接进行操作!

二.hmtl的结构:

<html>
	<head>
		<meta />  --执行的当前浏览器的编码格式 默认:utf-8
		<title>浏览器的窗口标题</title>
</head>
<body>
		主体部分,会显示内容在浏览器中
</body>
</html>

三.html中常用的文本标签:

标题标签:h1~h6

水平线标签:<hr/>

段落标签:<p></p>

换行标签:<br/>

滚动标签:<marquee decration =”left/right/up/down” behivour=”scoll”></marquee>

段落缩进:<blockquote></blockquote>

原样输出:<pre></pre>

斜体标签:<em></em>

粗体标签:<strong></strong>

上下标:<sup></sup>和<sub></sub>

居中标签:<center></center>

块标签:<div></div> div+css

行内标签:<span></span>,在javaScript中用于表单验证

有序列表:ol 默认属性中的type的值从1开始

<ol>

< li></li>

</ol>

无效列表:ul li

<ul>

< li></li>

</ul>

架构组织列表:dl dd dt

<dl>

< dd>

< dt></dt>

</dd>

<dd>

</dd>

</dl>

四.超链接标签:

常见的协议:

http:// 执行流程首先在本机找是否有域名对应的ip地址,如果有,那么执行本地的文件,如果没有,那么需要调用网卡进行联网操作,----->运营商(提供ip地址),如果在里面找到ip,就会访问服务器----->给用户回显首页!

file:// 本地文件协议:

thunder:// 迅雷协议

mailto: 发送邮件的协议

a:链接资源地址(url)或者资源文件xxx.html

target属性:打开资源文件或者资源地址的一种方式

_blank :新建一个窗口打开 _self:在当前窗口直接打开

b:可以作为锚链接来使用:

1: 创建跳转标记:<a锚点名称=”x01”></a>

2:最终要从某个位置跳转到跳转标记这个位置:<a href=”#锚点名称”>开始跳转</a>

五.图像标签:

img标签 ,空标签

<img ...... />

开发中使用:在项目下创建image包:里面放入图片的素材

src:链接到的资源图片 “../01.jpg”

alt:图片的替代文本,当图片失效的时候,替代起作用

title:当鼠标悬浮在图片上的时候,显示图片的名称

width:设置图片的宽度 (px)

height:设置图片的高度

六.转义字符:

<:&lt

>:&gt

空格: &nbsp

注册商品:&reg ®

七.表格标签:

在html语言里面,它是没有列的概念,只有行和单元格

table标签:表格标签

tr:行标签

td:单元格标签

th:在一行中显示表格中的表头(居中,适当加粗)

如果一个表格要想显示效果,必须加上table一些属性,边框:border

行合并:rowspan

列合并:colspan

八.框架标签

一个页面包含一个frame标签，如果有多个html页面，使用框架集标签<frameset></frameset>

<frameset rows="20%,*">*表示其他部分占有比例所剩下的

<frame src = "中间页面"，name="中间页面的名字"/>name的值和target的值一致,target打开的方式是在中间页面中打开

</frameset>

九.表单标签

<form action="" method=""></form>其中action 和method是必填的两项

action:表单最终提交的地址（url）提交到某个页面中

method:提交的方式：get()提交后，用户的数据会显示在地址栏中，不安全，并且提交的用户数据大小是有限制的，不超过1Kb

post()提交后，用户的信息不会显示在地址栏，提交的用户数据没有限制，但是小文件

表单中常用的：

文本输入框：<input type = "text" name="username”value="" size=""/>

密码输入框：<input type = "password" name = "userpassword" value=“” size=""/>

单选框<input type = "radio" name="" value=""/>

复选框<input type = "checkbox" name = "" value=""/>

下拉菜单<select name = "">

</select>

上传文件<input type = "file" name=""/>

文本输入域<textarea rows = "" cols =""></textarea>

按钮<input type="button" value = ""/>必须指定value属性

提交<input type="submit" value = "提交"/>

重置<input type="reset" value = "重置"/>

Luna_ll

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML初涉

一.html的基础:超文本标记语言(Hyper Text Markup Language ),可以针对字体,图片,音频,视频等直接进行操作!二.hmtl的结构: --执行的当前浏览器的编码格式默认:utf-8 浏览器的窗口标题主体部分,会显示内容在浏览器中三.html中常用的文本标签:标题标签:h1~h6水平线标签:段落标签:换行标签
复制链接

扫一扫