0基础入门HTML

0基础入门html
html标签
在一对尖括号里面,如<html>,结尾处加斜杠</html>
头标签<head>......</head>其部分出现在web浏览器的标题栏中主要写

<title>......</title>
<script>........</script>

语句
主体标签<body>....</body>
在body标签中可以规定整个文档的一些基本属性
“bgcolor”指定html文档的背景颜色
“text”指定html文档中文字的颜色
“link”:指定html文档中待连接超链接对象的颜色
“alink”:指定html文档中连接中的超链接对象的颜色
“vlink”:指定html文档中已连接的超链接对象的颜色
“background”:指定html文档的背景文件
特殊字符
&lt &gt 即<>
<p>...</p>分段标签</br>换行标签
<pre>....</pre>原格式输出
列表标签
无序列表

<ul>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
</ul>

有序列表

<ol>
<li>.....</li>
<li>.....</li>
<li>.....</li>
<li>.....</li>
</ol>

描述性列表

<dl>
<dt>.....</dt>
<dd>.....</dd>
</dl>

dt内是主目录dd在上一个dt目录里面


标题标签

<hn>.......</hn>

n =1——6由小到大
字体修饰标签

字体标签
<font size=" ">......</font>修改指定段的文档字体属性color face同上
html超链接标签

<a href="网址">文本</a>

在这里插入图片描述
html图像标签
<img 属性 =“属性值”>
<img src="url">url可以是本地的路径也可以是网页图片的路径
此外属性还有
align -> 对齐图片
height width->高度宽度属性
broder->边框
表格标签
<table></table>标签用来创建一个表格,它具有以下属性:通过width和height属性 设置表格的宽度和高度;通过border 属性和bordercolor属性设置表格边框的像素值和颜色值;通过cellspacing属性和cellpadding属性设置单元格之间的空间大小,以及单元格的边框与其内部的文字之间的空间大小。
如一行两列

<tr>
<td>....</td>
<td>....</td>
</tr>

另外<th>..</th>表格头
html框架标签

<html>
<fremeset cols="25%,25%,50%">
<frame src="网址">
<frame src="网址">
<frame src="网址">
</frameset>
</html>

将多个网站页面按比例在一个页面里显示
HTML表单标签
创建表单<form>.....</form>
常用的属性
action(递交对象)
method 方式(get post request)

<form action ="对象" method="get">
<p>firstname:<input type= "text" name="fname"/></p>
<p>lastname:<input type= "text" name="lname"/></p>
<input type="submit"value="Submit"/>
</form>

表单中提供给用户的输入形式般使用<input type="">标签来实现,此标签用来定义一个用户输入区用户可以在其中输入信息。这个标签必须放在<form>和</form>标签之间。<input type=">标签提供多种类型的输入区域,具体是哪一种类型 由type属性决定。具体如下:

1.单行文本输入框(input type-=“text”) 2. 多行输入框(textarea)

. 3.密码输入框(input type=“password”) 4. 单选框(input type “radio”)

5.复选框(input tpe=“checkbox”’) 6. 下拉框(elect)

7.提交(nputpe-"submit) 8重置(input yerese)

9.图片提交(input ye-images 10上传 (input ye-Fite")

猜你喜欢

转载自blog.csdn.net/weixin_49340699/article/details/109015255