前端初学收获。

最新推荐文章于 2022-06-01 07:31:35 发布

续航，#序章

最新推荐文章于 2022-06-01 07:31:35 发布

阅读量307

点赞数 6

文章标签：前端 html

本文链接：https://blog.csdn.net/qq_63260581/article/details/121038070

版权

这是学习前端的第一周，了解了html中的标签以及一些基本用法。刚开始学习前端，有些知识点比较杂乱，在写代码时记不住标签的用法，比如，合并单元格时经常忘记最后一条（删除多余的单元格），；还有有写代码记不住，（锚点链接，一些特殊字符)。；一些代码的英语单词也记不住，这都要以后多去记住。但也有收获，比如会制作一些简单的网络页面。下面是这一星期的知识总结。

1.HTML标签中大部分都是双标签，但也有少部分是单标签，<br /> .<img src="''>.。

2.HTML中的一些标签：a:标题标签 <h1></h1> b:段落标签<p></p> c:换行标签<br />

d:文本格式化标签：粗体 <strong></strong> 斜体<em></em> 下划 <ins></ins> 删除线<del></del>

3.<div></div>大盒子，一个独占一行，<span></span> 两者都没有语义，是一个盒子，来装内容。

4.图像标签：<img src=" " />

图像标签的属性：src 必须属性 alt 替换文本，鼠标不能显示的文字 title 提示文本，鼠标放在图像上显示的文字 width 设置宽度 height设置高度 broder设置图像的边框粗细。

5.超链接标签。语法格式 ;<a href="跳转目标“ target="_blank(_self) > 文本或图像。锚点链接 <a href=" # "> </a> <id=" ">

6.注释标签：

7.表格标签. <table> <tr> <td> </td> </tr> </table>

<th></th>表头单元格标签中的文字会加粗居中显示

<thead></thead> <tbody></tbody> 表格结构标签

合并单元格 a 跨行合并 rowspan ='' 合并单元格数'' b 跨列合并 colspan=" 合并单元格数''

在合并单元格数时，最后一定要删除多余的单元格

8.无序列表。<ul> <li> </li> </ul> <ul>中只能存在<li> <li>中能放任何元素。

9.有序列表。<ol> <li> <li> </ol>

10.自定义列表。<dl> <dt> </dt> <dd> </dd> </dl>

11.表单域 <form> </form>

12.<input type=" ”> radio 定义单选框，text 定义文本框 password 定义密码框 submit 定义提交框

13.checked=“checked" input元素首次加载时首先被选中。

14.maxlength 规定输入字段中的字符最大宽度。

15.<input type="radio“ name=" sex" id="sex" /> <lable for="sex"> 男 </lable>

16.下拉表单 <select> <option> </option> </select> 选定的 <option selected="selected"> </option>

17.文本域标签 <textarea> </textarea>

18.form标签的功能：用于创建一个表单，为表单域。重要属性：1.action 表示表单中的内容提交到哪个页面来处理；2 method 表示当前表单提交的方式。常见的有get 和post方式。

例如：<form action=" " method=" get&post "> </form>

19.对于type=”text"来说，value可有可无，因为用户输入的内容都可以提交过去，但对于type="radio"或type="checkbox"来说，没有value是提交不了。每一个input标签都有一个value属性，不同典型的input，value的作用也不同。name：定义input元素的名称；value：规定input元素的值

第一次作业的源代码

<!DOCTYPE html>每一个

<head>

<title>Document</title>

</head>

<body>

<h1>青春不常在，抓紧谈恋爱。</h1>

<tr>

<td> <input type="radio" name="sex" id="na"> <label for="na">男</label><input type="radio" name="sex"na

id="nv"> <label for="nv">女</label></td>

</tr>

<tr>

<option selected="selected">--请输入年份--

</option>

</select>

</select>

</select>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

<input type="radio" name="12" value="未婚"> 未婚 <input type="radio" name="12" value="已婚"> 已婚

<input type="radio" name="12" value="离婚"> 离婚

</td>

</tr>

<tr>

<td>喜欢的类型：</td>

<td>

<input type="checkbox"> 妩媚的 <input type="checkbox">可爱的 <input type="checkbox">小鲜肉 <input

type="checkbox">老腊肉 <input type="checkbox"> 都喜欢

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

</tr>

<tr>

<td> <input type="checkbox"> 我同意注册条款和会员加入标准

</tr>

<tr>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td>

<ul>

<li>抱着严肃的态度</li>

<li>真诚寻找另一半</li>

</ul>

</td>

</tr>

</body>

</html>

续航，#序章

关注

6
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
前端初学收获。

这是学习前端的第一周，了解了html中的标签以及用法。标签大致分为两类，一种为双标签，例如<h1></h1> <p> </p>。另一种为单标签，（相对比较少）例如<br />(换行标签）,<img src="'' /> （图像表签）。刚开始学前端，基本上都是看视频，看一些资深前端工作者的视频，有时自己...
复制链接

扫一扫