Fork me on GitHub

HTML基础语法

<!-- --> 注释
<title> </title> 网页的开头,名字
<body>
主要内容,网页内容在这现实
</body>
--------------------------------
<h1> 一级标签
<h2> 二级标签
<p> 段落标签
<hr> 水平线标签
------------------------------
<br> 换行标签
<strong> 粗体文字
<em> 斜体文字
&nbsp; 空格
----------------------------------
<img> 图片标签
图片地址有两种 1:相对地址 2:绝对地址
绝对地址无法修改所以不推荐
../ 上一级
<img src="图片地址" alt="图片无法加载时显示的文字" title="鼠标悬停显示的文字" width="图片大小" height="图片大小">
--------------------------------------------------
超链接标签
<a href="这里显示要跳转的网页地址"> 这里显示网页显示的内容 </a>
图像超链接:可以将图片标签放到超链接里面实现图片超链接
target="_blank" 创建一个新网页打开
target="_self" 在当前页面打开
-----------------------------------------------------
锚链接:用来准确定位页面的位置
<a name="">做一个标记
<a href="#">#后面跟标记的名字
--------------------------------------------------------
功能性链接:
<a href="mailto:260786613@qq.com">邮箱地址,点击跳转到QQ邮箱
=======================================================
列表:
1.有序列表 <ol>
<li> </li>
</ol>
2.无序列表 <ul>
<li> </li>
</ul>
3.自定义列表 <dl>
<dt> 标题 </dt>
<dd> 内容 </dd>
</dl>
----------------------------------------------------------------
表格 border:表格加框
colspan:跨行
rowspan:跨列
<table border="1px">
<tr >
<td colspan="4">1-1</td>
</tr>
<tr>
<td rowspan="3">2-1</td>
<td>2-2</td>
<td>2-3</td>
<td>2-4</td>
</tr>
<tr>
<td>3-1</td>
<td>3-2</td>
<td>3-3</td>
</tr>
</table>
------------------------------------------------------------------
音频
1.video 视频标签 audio 音频标签
controls 选项,用来控制视频,音频播放,快进等
autoplay 自动播放,打开网页视频,音频自动播放
------------------------------------------------------------------
<header>网页头部
<section>网页主题
</footer>网页尾部
-------------------------------------------------------------------
内联框架

<iframe src="" name="www" width="1000" height="800"></iframe>
-----------------------------------------------------------------------
表单,登录和注册

form 表单 value默认值 maxlength输入字符的最大长度
size 表格长度 radio单选框 value默认值
actimo 数据要提交的位置,可以是网页也可以是请求处理地址
method 数据的提交方式 可以是get也可以是post
get 可以在网址中抓取,不太安全
post 较为安全,可以传输大文件
<form action="页面结构.html" method="get">
用户名
<p>用户名:<input type="text" name="名字"></p>
密码
<p>密码:<input type="password" name="名字"></p>
submit 提交
reset 重置
------------------------------------------------------------------------------
多选框和按钮
button 多选框
imge 按钮
--------------------------------------------------------------------------------
checked 默认
selected 下拉框默认
textarea 文本域
rows="10" cols="50" 文本域的大小

posted @ 2024-02-01 22:01  一名狗书匠&  阅读(4)  评论(0编辑  收藏  举报

asd