html学习

AaWeiAa

已于 2024-10-25 21:21:24 修改

阅读量750

点赞数 19

文章标签： html 学习前端

于 2024-10-25 21:17:11 首次发布

本文链接：https://blog.youkuaiyun.com/2401_87576048/article/details/143243943

版权

HTML学习

定义

(用来定义网页中的文本，链接，图像)

组成

(可以先直接打一个感叹号表示html文件)

告诉浏览器我是html文件（起始点）

<body> （网站中的内容文本图像链接） </body> </title> </html> (结束点)

标题标签

<p>开始标签 </p>结束标签也叫双标签
<h1>一级标题标签 </h1> ；还有<h2> 这是二级标签，相比一级字体变小了；一共有6级标签
<p>是段落标签，也就是真正的文本，但字体相比标题标签的变细了;

加粗下划线及斜体，有序，无序标签的使用

<strong> 或者<b>代表字体加粗
<i>代表斜体
<u>代表下划线
- 代表无序标签下一列再加
- 就可出现无序的符号
1. 是有序标签

换行

<hr>

表格

代表表格的开始、中间加

这是表格的第一行这是表格的第一行第二列这是表格的第一行第三列.....
这其中是表格中的数据

</tr>

ps:若想要其中表格有分割线，则在table后写border=" "(border是属性标签)

属性标签(开始标签属性名称="属性值")

(属性名称不分大小写)(属性值分大小写)

<a href=........>其中可以引用链接
<image  .....>可引用图片</image>

若想要两条链接出现在不同行，则用换行符

属性名称

class
id

块元素与行内元素

（块元素：组织页面，从新的一行开始包含一整块）

(行内元素:如加粗标签)

其他元素不可以与他在同一行:p h1 table

div标签用于组织页面和布局，是块容器

使用：直接输入div.nav

span（不清楚啊）

（通常与css 一起使用）

使用:直接输入<span>

表单

<form>
<label for="usernam">请输入用户名字</label>
   <input type="text" id="username"placeholder="请输入内容"><br>
   <label for="password">密码</label>
   <input type="password" id=password placeholder="请输入密码"><br>
   <label>性别</label>
   <input type="radio" name="gender">男
   <input type="radio" name="gender">女
   <input type="radio" name="gender">其他<br>
   <label>爱好</label>
   <input type="checkbox"name="hobby">唱
   <input type="checkbox"name="hobby">跳
   <input type="checkbox"name="hobby">rap
   <input type="checkbox"name="hobby">篮球<br>
   <input type="submit">
</form>
<form antion="#"></form>


</form>

form 表签 (将你写的东西都写在form中)

开始标签input (还有与其差不多用处的有label标签)

            1. (属性名称:**type**（常用）)
        1. 属性值 ：**text**       ；    **placeholder**(作用是在文本框子中写入一些你想让用户看到的内容，但你填写的是内容是虚的)      ；**value**(和placeholder作用一样，但这里面你填写的内容是实的)

<label> 后可以直接写你想要网页输出的内容
选择性别男女<input type="radio">男

<input type="radio">女

（若想要单选模式即<input type="radio"name="gender">
label for
<input type="submit">打出后会显示提交

（如果不想让他的名字叫提交可以后面加一个value="")

后面再加<form anction =" ">用于输入提交到哪里