彳余小白学习日记——前端html篇

WebKit的:Safari浏览器苹果浏览器的内核
网络标准:主要包括结​​构-html,表现-CSS,行为-js
HTML:超文本标签文本


标签:

<title> </ title>网页的标题
<h1> </ h1>文章内容的标题,分为6个等级,1最大,6最小
<p> </ P>文章段落标签
<div> </ div>无实义的标签一行只能显示一对
<span> </ span>无实义的标签一行可以显示多对
<hr />横线标签通常在hr和/之间打空格
结果换行标签
<b> </ b>或者<strong> </ strong>文字加粗标签一般用
<i> </ i>或者<em> </ em>斜体标签,一般用em
<s> </ s>或者<del> </ del>文字加删除线标签,一般用del
<u> </ u>或者<ins> </ ins>加下划线一般不用U

特殊字符:

<img scr =“url”alt =“”title =“”/>图片标签


链接标签:

<a href="跳转目标“目标=目标窗口打开的方式”>文本或图片<a/>

目标:用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,_blank为在新窗口中打开方式。

1.外部链接需要添加http:// www.baidu.com

2.内部链接直接链接内部页面名称即可比如<ahref =“index.html”>首页</ a>

3.如果当时没有确定链接目标时,通常将链接标签的HREF属性值定义为“#”(即HREF =“#”),表示该链接暂时为一个空链接。

4.不仅可以创建文本超链接,在网页中各种网页元素,如图像,表格,音频,视频等都可以添加超链接。


锚点定位:

1.使用“a href =”#id name>“链接文本”</a>创建链接文本(被点击的)
  <a href="#two">    

2.使用相应的ID名标注跳转目标的位置。
  <h3 id =“two”>第2集</ h3>
href =“#”设置一个空链接

基地标签:

碱可以设置整体链接的打开方式

基写到<HEAD> </ HEAD>之间,默认值目标=“_空白”

注释标签:

 <! - 注释语句 - >快捷键ctrl + /


列表标签:

无序列表:UL
<UL> 
  <LI>列表项1 </ LI> 
  <LI>列表项2 </ LI> 
  <LI>列表项3 </ LI> 
  ...... 
</ UL>

<ul> </ ul>之间只能存放<li>标签,但是<li> </ li>之间可以放别别的标签

有序列表:OL
<ol> 
  <li>列表项1 </ li> 
  <li>列表项2 </ li> 
  <li>列表项3 </ li> 
  ...... 
</ ol>

用法和UL一样

<dl> 
  <dt>名词1 </ dt> 
  <dd>名词1解释1 </ dd> 
  <dd>名词1解释2 </ dd> 
  ... 
  <dt>名词2 </ dt> 
  <dd>名词2解释1 </ dd> 
  <dd>名词2解释2 </ dd> 
  ...... 
</ dl>

一般用在网站的结尾处


表格:

<表>
<tr> <td>单元格内的文字</ td> ... </ tr> ... </ table>

表标签是表格的最外层标签,TR表示一行,必须嵌套在表中,TD表示一个单元格,必须嵌套在TR中,TD可以嵌套任何标签。

:表格只有行,没有列每行可包含若干个单元格

表格的属性:

属性名含义取值
边境设置表格的边框默认为0,即无边框
CELLSPACING设置单元格与单元格的间距默认值为2
CELLPADDING设置单元格内容与单元格边框的间距(单元格的大小)默认值为1
宽度设置表格的宽度 
高度设置表格的高度 
对齐设置表格在网页中的水平对齐方式左,中,右

表头标签:<th> </ th>,通常位于表格的第一行或第一列。文本加粗。用<th> </ th>替换<td> </ td>即可。

表格结构:

<thead> </ thead>:用于定义表格的头部,必须嵌套在<table> </ table>中,一般包括网页的头部信息。

<TBODY> </ TBODY>:定义表格的主题,位于<TABLE> </ TABLE>,一般包括表格的内容。

表格标题:<caption> </ caption>,必须紧跟表标签后面,一个表格只能有一个标题,通常位于表格中间

合并单元格:

跨行合并:行跨度跨列合并:合并单元格

147
28
369
合并1,4先在第一行第一个单元格,<td colspan =“2”> 1 </ td>然后删除第一行第二个单元格

合并8,9先在第二行第三个单元格,<td rowspan =“2”> 8 </ td>然后删除第三行第三个单元格

合并顺序先上先左

表单:

输入控件:<input />为单标签。
文本框:类型=“文本”
<input type =“text”value =“芜湖”>

 

单选框:类型=“无线电”
<tr> 
    <td>性别</ td> 
    <td style =“color:blue”> 
    <input type =“radio”name =“sex”checked =“checked”>男
    <input type =“radio”name =“性别“>女
    <input type =”radio“name =”sex“>未知
    </ td> </ tr>


当名称属性相同时,则只能单选,检查=“选中”表示默认选择该项

下拉框:
                        <tr>
				<td>出生年月</td>
				<td>
					<select name="" id="">
						<option value="">出生年份</option>
						<option value="">1996</option>
						<option value="">1997</option>
						<option value="">1998</option>
					</select>
					<select name="" id="">
						<option value="">出生月份</option>
						<option value="">1</option>
						<option value="">2</option>
						<option value="">3</option>
					</select>
				</td>
			</tr>



selected =“selected”时,当前项即为默认选中项。


多选框:类型=”复选框“
                       <tr> 
				<td>喜欢的类型</ td> 
				<td> 
					<input type =“checkbox”>妩媚
					<input type =“checkbox”>动人
					<input type =“checkbox”>端庄
					<input type =“checkbox” checked =“checked”>文静
				</ td> 
			</ tr>

 检查=“选中”表示默认选择该项

上传文件:
                        <TR> 
				<TD>上传头像</ TD> 
				<td> <input type =“file”> </ td> 
			</ TR>


密码框:类不=“密码”
                        <TR>
				<td>密码</ td>
				<td> <input type =“password”maxlength =“6”> </ td> 
			</ tr>

MAXLENGTH表示输入的最大长度

文本域控件:<textarea> </ textarea>
  
                        <tr> 
				<td>个人介绍</ td> 
				<td> 
					<textarea name =“”id =“”cols =“30”rows =“10”>该用户未填写个人介绍</ textarea> 
				</ td> 
			</ tr>


图片按钮:type =“ image
                        <tr> 
				<td> </ td> 
				<td> <input type =“image”src =“im.jpg”> </ td> 
			</ tr>

普通按钮:类型=”按钮“
提交按钮:TYPE =“提交'
重置按钮:TYPE ='复位”

注:只有有了表单域,提交按钮和重置按钮才有用

表单域:

在HTML中,表单标签被用于定义表单域,即创建一个表单,以实现用户信息的收集和传递,表格中的所有内容都会被提交给服务器创建表单的基本语法格式如下:

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

常用属性:

  1. 行动在表单收集到信息后,需要将信息传递给服务器进行处理,动作属性用于指定接收并处理表单数据的服务器程序的URL地址。

  2. 方法用于设置表单数据的提交方式,其取值为GET或岗位。

  3. 命名用于指定表单的名称,以区分同一个页面中的多个表单

注意:每个表单都应该有自己表单域。

标签标签:

标签标签为输入元素定义标注(标签)。

作用:用于绑定一个表单元素,当点击标签标签的时候,被绑定的表单元素就会获得输入焦点

如何绑定元素呢?

for attribute性规定label与哪个表单元素绑定。

<label for =“1”>男性</ label> 
<input type =“radio”name =“sex”id =“1”value =“male”>

通过对和来来绑定

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值