欢迎光临散文网 会员登陆 & 注册

HTML语言(笔记)

2022-03-05 17:05 作者:千岛寒流-日本暖流  | 我要投稿

1.html语言是一种超文本标记语言,是一种标记语言,它包含一系列标签。通过这些标签可以将网络上的文档格式统一,使分散的internet资源连接成一个逻辑整体。

html是用来做网站布局的 asp.net 用来做网站的时候就会用到html语言

2.必要格式

html超文本标记语言是由<head></head>和<body></body>构成,然后<title></title>写到<head></head>中间

<html>

<head>

   <title>欢迎学习html语言</title>

</head>

<body>

</body>

</html>

解释:标记符<html>:说明该文件是用超文本标记语言来描述的,它是文件的开头,而</html>则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。

<head></head>:这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题(title)、序言、说明等内容

<body><body/>;,网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记

3.标记,标签<html>  <body>

标签对<html></html>

4.常用的标记

(1)div      盒子模型<div></div>     属性:style

div

(样式(css)就是给网站进行美工的, 比如说加个边框啊,加个背景啊等等)

边框

(2)a         超链接标记 <a></a> 他的两个属性 href(后面写网址) target(后面写_blank,目的是为了防止我们写的这个新的百度网址覆盖掉我们原本的1这个网址)

<a href="http://baidu.com" target="_blank">百度</a>    块内标签

(3)p       段落标记<p></p>也就是说这个标签是自动换行的,但是这个标签是段落标签,不是换行标签(<br/>)  块级标签

注意块内标签(不能自动换行) 块级标签(可以自动换行)

(4)<br/>  换行标签     只有一个呦

(5)<hr/>   划线标签   只有一个呦

划线标签

(6)b           加粗标签 <b></b>

(7)ul           列表标签 常和li一块使用

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

</ul>

(8)h1/2/3/4/5/6        标题标签(h1一级标题 h2二级标题)

<h1>标题1</h1>

<h2>标题2</h2>

<h3>标题3</h3>

标题样式

(9)table    表格标签<table></table>

    tr  行标签    td 列标签  th 标题标签

 table的属性  border="1"  cellspacing="0 "   cellpadding="0" width="400"  height="100"  

这边先说一下属性(这个到CSS会具体讲解),tabel有border、height等等属性,div有style属性,a有href、target属性,属性写到起始的标记里面,用英文单词=“数值”来表示----这是设置内部样式,通过属性自己
<table>

<tr>

   <th>Company</th>

   <th>Address</th>

</tr>

<tr>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

</tr>

(10)input 标记  <input type=""/>

    text           文本框

    password   密码(这个和text类似,都会出现框框,唯一有区别的的是这个输入的会加密

    button      按钮

    submit      提交按钮(结合form表单使用,通常登录、注册、写表单数据的时候用到submit)

    checkbox   多选框

    radio         单选按钮

多选单选

   hidden     隐藏的文本框(后面)

    file          选择文件进行上传,上传控件    

选择文件

       

(11)select 标记 下拉列表框与option一块使用

(和<ul></ul>相似)

<select>

   <option>学生</option>

   <option>教师</option>

   <option>白领</option>

</select>

下拉列表框

(12)img图片标记   <img/>闭合标签

src 属性(图片路径的属性)src="值"  值就是图片所在的路径

<img src="1.jpg"/>

(13)video 视频标签    src 属性(视频路径的属性)src="值"  值就是视频所在的路径

<video src="D:\EV视频\222.mp4" width="400" height="200">  width="400" height="200"这个是外面的容器变大了,并不是这个视频的长宽高变了

</video>

(14)form 表单  登录 注册 提交信息常常用到表单(常常和submit连用)

<form  action="提交的位置">

用户名:<input type="text" name="username"/>

<input type="submit" value="提交"/>  就是当用户进行注册或者登录的时候,想要向数据库进行插入数据或者比对数据的时候,要对我们写的数据带过去,这就是表单

</form>

5.样式 css 给网站来做美工的

border(边框)

px(像素)


HTML语言(笔记)的评论 (共 条)

分享到微博请遵守国家法律