html第一天基础学习

最新推荐文章于 2024-08-05 10:20:29 发布

卡门726

最新推荐文章于 2024-08-05 10:20:29 发布

阅读量102

点赞数 2

文章标签： html html5

本文链接：https://blog.csdn.net/qq_45060976/article/details/106480578

版权

html第一天基础学习

html基础结构标签

<html><!-- 根标签 -->
<head><!-- 文档的头部 -->
<title><!-- 标题标签 注意，title标签必须在head标签里面 -->
</title>
</head>
<body><!-- 文档的主体标签，主要的内容都写在这里面 与head标签是并列关系-->
   <h1></h1><!-- 标题标签 1-5表示标题的等级 -->
   <p></p><!-- 段落标签 -->
   <br><!-- 换行标签 -->

<img src="图像url" ><!-- 导入图片 url是图片的地址-->

图像标签的基本属性

alt	当图片不能显示出来是会用文字来指代图片的内容
title	当鼠标光标位于图片上面是会提示图片的信息
width	设置图像的宽度
height	设置图像的高度
boder	设置边框的宽度

超链接标签

<a href="跳转目标" target="目标窗口的弹出方式">

注意：
跳转到外部连接时必须加上https://
target的值为_self(当前窗口打开）_blank(新窗口打开）

锚点连接

<a href="#two">第二集</a>
<h3 id="two">第二集内容</h3>

作用：当你点击第二集这段文字的时候会自动跳转到同一页面的该id所指向的地方

表格标签

表格的作用
用来显示或者或者展示数据

表格标签的基本语法：

<table>
       <tr><!-- 行 -->
        <th>表头单元格</th>
        <td>单元格里面的文字</td>
       </tr>

   </table>

表格常用的两个基本属性

对齐方式：align
规定是否有边框：boder

列表标签

<ul><!-- 无序列表 -->
       <li>列表项</li>
       <li>列表项</li>
   </ul>
   <ol><!-- 有序列表 -->
       <li>列表项</li>
       <li>列表项</li>
       <li>列表项</li>
   </ol>
   <dl><!-- 自定义列表 -->
       <li>列表项</li>
       <li>列表项</li>
       <li>列表项</li>
   </dl>

表单标签

 <form action="url地址"><!-- 表单域 -->
   </form>

表单元素

input	表单输入元素 type=text/password
name	定义元素的名称
value	表单元素的值
checked	规定当前input元素首次加载时应被选中
maxlength	输入字段的最大长度
submit	提交按钮
-file-	-文件域按钮-
reset	重置清除表单内的数据
button	定义可点击按钮
-select-	- 下拉表单元素 -
textarea	文件域元素
–	–

 <select name="" id="">
       <option value=""></option>
   </select>

卡门726

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html第一天基础学习

html第一天基础学习html基础结构标签<html><head><title></title></head><body> <h1></h1>&l
复制链接

扫一扫