JavaScript学习一：网页开发基础_HTML

最新推荐文章于 2022-09-24 11:16:33 发布

19931015

最新推荐文章于 2022-09-24 11:16:33 发布

阅读量281

点赞数 1

分类专栏：网页文章标签： javascript 学习前端 html

本文链接：https://blog.csdn.net/weixin_56016530/article/details/126673041

版权

网页专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.HTML

<!DOCTYPE>声明：HTML文档第一行，为所有HTML文档指定HTML版本和类型。如若删除，则HTML页面的显示效果浏览器决定

<html>根标签：标志着文档开始，</html>标志文档结束，用于告知浏览器该文件是HTML文件

<head>头部标签：紧跟<html>标签之后，用于封装其他头部文件(<title>、<meta>等标签）

<body>主体标签：包含浏览器显示的所有文本、图像、音频、视频等信息。（备注：一个HTML文件只有一对<body></body>标签，且必须在<html>标签内，位于<head>标签之后

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">//设置页面编码格式
<title>Insert title here</title>
</head>
<body>
     第一天
</body>
</html>

2.HTML标签

单标签：<标签名 /> 例：<hr /> 、<br />

双标签：<标签名> 内容 <标签名 /> 例：<html> </html>、<body> </body>

注释标签：（备注：快捷键"ctrl"+"shift"+"/")

2.1段落，行内和换行标签

段落标签：<p></p>

行内标签：<span></span>

换行标签：<br />

<body>
    <p>段落标签
    <span>行内标签</span>
    <br />换行标签
    </p>
</body>

2.2文本样式标签 <font 属性=“属性值”>文本内容</font>

<body>
默认文本
<font face="黑体" size="10" color="blue">
黑体，10号大小，蓝色
</font>
</body>

2.3表格标签

<table></table>：用于定义一个表格

<tr></tr>：定义表格内行标签（必须在<table>标签内）

<td></td>：定义表格单元格（嵌套在<tr>标签内）

<body>
<table border="1px">//表格边框1px
    <tr>
        <td>语文</td>
        <td>数学</td>
    </tr>
    <tr>
        <td>110</td>
        <td>101</td>
    </tr>
</table>
</body>

2.4表单标签

表单控件：例：单行文本输入框，密码输入框，复选框，提交按钮等

<input type="控件类型" />（input除type属性外还有很多属性id,name,value,size，type指定控件类型）

提示信息：提示用户需要进行的操作

表单域：包含所有表单控件和提示信息

<form action="URL地址" method="提交方式" name=“表单名称">各种表单控件</form>

//文本输入框控件
<input type="text" name="username" />
//密码输入框控件
<input type="password" name="password" />
//单选按钮控件
<input type="radio" name="gender" value="male" />男
<input type="radio" name="gender" value="female" />女
//复选框控件
<input type="checkbox" name="interest" value="film" />看电影
<input type="checkbox" name="interest" value="code" />敲代码
//文件上传控件
<input type="file" name="photo" />
//提交按钮
<input type="submit" value="注册" />
//重置按钮控件
<input type="reset" value="重填" />

2.5多行文本标签（输入大量文本信息）

<textarea cols="每行中字符数" rows="显示行数">
  文本内容
</textarea>

2.6列表标签

//无序列表
<ul>
    <li type="disc">列表项1,属性实心圆</li>
    <li type="square">列表项2，属性实心方块</li>
    <li type="circle">列表项1,属性空心圆</li>
    ...
</ul>
//有序列表
<ol>
    <li>列表项1</li>
    <li>列表项2</li>
    ...
</ol>
//定义列表
<dl>
<dt>名词1</dt>
    <dd>名词1描述信息1</dd>
    <dd>名词1描述信息2</dd>
</dl>

2.7 超链接标签

<a herf="跳转目标" target="目标窗口弹出方式">文本或图像</a>

//新窗口打开
<a href="http://www.baidu.com/" target="_blank">新窗口打开</a>
//原窗口打开
<a href="http://www.baidu.com/" target="_self">原窗口打开</a>

2.8 图像标签

<body>
显示标签：<img src="a.png" width="160px" height="130px" border="0" />
</body>

19931015

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript学习一：网页开发基础_HTML

HTML+CSS+JS本章着重于HTML，及其标签
复制链接

扫一扫

专栏目录

JavaScript学习一：网页开发基础_HTML

1.HTML

2.HTML标签

“相关推荐”对你有帮助么？