html 标签 html基础图像链接样式表单提交

最新推荐文章于 2022-12-01 15:10:02 发布

李chili

最新推荐文章于 2022-12-01 15:10:02 发布

阅读量108

点赞数

文章标签： html html5 css

本文链接：https://blog.csdn.net/l578900/article/details/120836008

版权

本文详细介绍了HTML的基础语法和元素，包括标题、段落、链接、图像、样式定义、表单以及框架等内容。讲解了如何创建和控制网页布局，如设置文本样式、创建表单元素、使用图像和链接，并探讨了HTML中的表单提交和框架结构。此外，还提到了HTML在网页设计中的重要性及其对用户体验的影响。

摘要由CSDN通过智能技术生成

html

html 超文本标记语言

<h1>标题标签，支持换行 
<p>段落，换行 
<br>单行换行 
<div> 
<a> 
<span> 
<hr> 分割线 
<img> 图片

html属性：

<h1>定义标题的开始
<h1 align="center">居中排列标题

<!-- body定义html文档主体 -->
<body bgcolor="yello"> <!-- 背景颜色 -->

<!-- table定义html表格 -->
<table border="2"><!-- 边框 -->
    <tr><!-- 行 -->
        <td></td><!-- 列 -->
    </tr>
</table>

html 图像

<img src="" width="" heigth="">
alt属性，为图像增加可替换文本，当图片找不到，替换文本将告诉读者们失去的信息
<img src="pic/madng.jpg" alt="这是一张马东的图片但是图片找不到！">

html链接

<a href="https://www.bing.com">链接</a>
怎么取消下划线？
<a href="" style="text-decoration: none">链接</a>
怎么才能打开新窗口？
<a href="" target="_blank">链接</a>

<b>粗体</b><br> 
<big>大号</big><br> 
<em>着重字体</em><br> 
<i>斜体</i><br> 
<small>小号</small><br> 
<strong>加重</strong><br> hello 
<sub>下标字</sub><br> hello 
<sup>上标字</sup><br> hello 
<ins>插入字</ins><br> 
<del>删除字</del><br>

<pre>pre 预格式文本，标签很适合显示计算机代码</pre> 
<kbd>定义键盘码</kbd> 
<tt>定义打字机代码</tt> 
<var>定义变量</var> 
<samp>定义计算机代码</samp>

<abbr>定义缩写</abbr> 
<acronym>定义首字母缩写</acronym> 
<bdo>定义文字方向</bdo> 
<address>定义地址</address> 
<blockquote>定义长的引用</blockquote> 
<q>定义短的引用</q>

style定义样式
<style type="text/css">
	h1{color: red}
	p{color: blue}
</style>

<!-- 命名锚 -->
<a name="lsy"></a>
<a href="#lsy">有用的提示</a>

<video width="320" height="240" controls="controls">
  <source src="ll.mp4" type="video/mp4" />
    <embed src="movie.swf" width="320" height="240" />
  </object>

<form>
	<!-- 表单，允许用户在表单输入信息元素 -->
	账户：
	<input type="text" name="账户"><br>
	密码：
	<input type="password" name="密码">
</form>

<form>
	<!-- 单选框 -->
	<input type="radio" name="sex" value="male">Male
	<br>
	<input type="radio" name="sex" value="female">Female
</form>

<form>
	<!-- 复选框 -->
	<input type="checkbox" name="bike">bike
	<br>
	<input type="checkbox" name="car">car
</form>

<form>
	<fieldset> <!-- 定义域 -->
		<!-- 带标题的框 -->
		<legend>健康信息</legend><!-- 定义域的标题 -->
		身高：<input type="text" >
		体重：<input type="text">
	</fieldset>
</form>

<form>
	<!-- 下拉列表 -->
	<select name="cars">
	<option value="1">1</option>
	<option value="2">2</option>
	</select>
</form>

get表单提交
method 提交方式默认get，post无长度限制可以上传大文件

<form action="xxx.php" method="get">
	<!-- 复选框 -->
	<input type="checkbox" name="bike">bike
	<br>
	<input type="checkbox" name="car">car

	<input type="submit" value="提交" name="button">
</form>

enctype 提交数据类型 
target_blank 
target_self action 
表单提交的页面

框架

<frameset cols="50%,50%">
	<frame src="1.html"></frame>
	<frame src="2.html"></frame>
<noframes>
<body>您的浏览器无法处理框架！</body>
</noframes>
</frameset>

内联框架

<iframe src="2.html" width="200" height="200" frameborder="0"></iframe>

李chili

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

html 标签 html基础图像链接 样式 表单提交

html

html 标签 html基础图像链接样式表单提交