HTML的相关总结

最新推荐文章于 2024-10-01 23:46:18 发布

没有名字280

最新推荐文章于 2024-10-01 23:46:18 发布

阅读量120

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_64656342/article/details/125964556

版权

1一些常用的标签这是加粗，也是加粗二者都可以，是斜体，是增加下划线

<del>是删除线， 是换行，<hr>水平分割线要与width与size连用

<!DOCTYPE <!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
   <b>我是你的好兄弟<b>
   <i>我是你的好兄弟<i>
   <u>我是你的好兄弟<u>
   <del>我是你的好兄弟<del>
   <br>我是你的好兄弟<br>
   <hr width="50px" size="100px" >我是你好兄弟<hr>
</body>
</html>

表单标签form可以与action连用，需要输入相对路径或者绝对路径，相对路径就是表单标签form可以与action连用，需要输入相对路径或者绝对路径，相对路径就是当前源文件和目标文件的相对路径的位置，绝对路径就是从盘符开始依次找到想要找到的文件的文件路径，路径+文件名，我写的这个是绝对路径能直接跳转到百度

<!DOCTYPE <!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body> 
      <form  action="https://www.baidu.com/"  >
        <input type="text"><br>
        <input type="submit" value="提交" >

      </form>

</body>
</html>

type的属性取值有非常的多常见的text"文本框"，password" 密码框"，radio"单选按钮"，file""上传文件等详细的去w3c上去找

<!DOCTYPE <!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body> 
      <form >
        <input type="text"><br>
        <input type="submit" value="提交"   >
        <input  type="date">
        <input  type="time">
        <input  type="image"  src="相对路径或者绝对路径">
        <input type="color">
      </form>

</body>
</html>

textarea标签

需要用到cols与rows，cols是表示文本的宽度，rows表示文本的高度

<!DOCTYPE <!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body> 
      <form >
      <textarea clos="50"   rows="60">我是你的好兄弟</textarea>
      </form>

</body>
</html>

超文本链接<a href=""><a>格式是这样还有一些其他的颜色等的属性,要与body连用 text文本颜色,link超文本链接的颜色，vlink访问的超文本链接的颜色，Alink激活超文本链接的颜色，background背景图片，以百度链接为例。

<!DOCTYPE <!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body  link="red"  alink="green"  bgcolor="pink" > 
      <form >
        <a   href="https://www.baidu.com/?x=11y=6">请点击我</a>
      </form>

</body>
</html>

多媒体标签

视频标签video与音频标签audio要与src连用并且可以与controls(显示播放插件)与autoplay(自动播放)连用

<!DOCTYPE <!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body > 
<audio src="音频位置"  controls autoplay ></audio>
<video  src="视频位置"  controls autoplay ></video>

</body>
</html>

表格的布局边框，宽度高度，背景，对齐等

<!DOCTYPE <!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body > 
  <table border="1"  weight="100"  height="100"  align="center"  background="图片位置"
   bgcolor="red">
     <tr>
        <td>今天星期一</td>
     </tr>
  </table>

</body>
</html>