[北幽教程]html中级篇

显示全部楼层 · 2022-11-14 08:22:34

html有什么？
无非就是标签属性和属性值所以我就不多讲了所谓师傅领进门修行靠个人
这篇主要就是一些基本的标签和一些属性
标签有很多我不可能全部讲完所以就讲一些基本的常用的
首先咱们得有基本框架不知道或者忘记了可以去我上一篇查看
#[北幽教程]html初级篇#
原本我还想讲<font>标签的不过在h5中这个标签就废除了
当然你要想用呢也是可以的
<font>是标题标签双标签
我就不写其他的东西了直接从<body>开始
<body>
   <font color="英文单词或者十六进制代表的颜色">标题标签</font>    这里是表示给文字添加一个颜色颜色可以使用英文单词或者使用#后面添加十六进制的颜色这里的话最好使用十六进制的英文单词只用于测试
</body>
当然也可以修改文字样式
（注：添加属性时需要空格一下）
face="楷体"这里填写计算机中所拥有的字体文字
也可以添加设置文字大小的属性
size="6"这里是填写数学这里的取值范围是1-7
随后就是咱们的图片标签
<img src="这里是文件路径">图片标签</img>如果中间没有文字的话可以这样写
<img src="文件位置"/>这里的文件位置是相对路径和绝对路径昨天有说到不知道的可以去看一下
那如果说我们的图片大小和我们理想的不一样怎么办呢？
当然也是有办法的我们可以添加高度和宽度属性
如：<img src="文件位置" width="200px" height="100px">
width:是设置宽度的
height:是设置高度的
当然如果我们图片没有加载出来怎么办呢？
也是有提示的使用alt这个属性
如<img src="文件位置" alt="图片没加载出来欧">
哪有的同学就问了那如果我想让我光标在我停留在图片上显示文字怎么办呢？
也是可以的呦
如：<img src="文件位置" title="这里是个图片欧">
以上就不多讲的目前就是这些
那我们就不教表格标签了这是用来排版美观的标签到时候我们会有css课程我们直接使用css就可以了所以就略过了
那我们讲一下列表标签吧
列表标签分为有序列表和无序列表还有定义列表
这里定义列表就不讲了
无序列表：
<ul>
<li>这里是文字</li> 这里是子标签
</ul>
这个是没有样式列表的这里也可以添加属性
属性是type="" 取值呢有这些
dis(实心圆这个是默认的) circle(空心圆)
square(这个是矩形) none(取消项目符号)
那么咱们的开始有序列表
<ol>
<li>文字</li> 那么有的同学就发现了咱们的子标签是一样的没错咱们子标签一样
</ol>
那么无序列表都可以添加属性咱们的有序列表就更可以了
属性也是一样的type="" 取值呢是
a A I i 1
当然到时候学完css也可以取消项目符号现在都不着急
再往下就不细讲了
咱们还有<div>盒子标签</div>
还有语义化标签
header 页眉
footer 页脚
nav 导航

那么就是咱们的form表单了
<form action="提交地址的文件路径" method="传输方式">拥有明文传输：get 和密文传输：post
这里是<input type="txte" name="a"> 普通文本框
</form>
声音的都是在type填写的了
submit：提交按钮
password：密码框
radio：单选按钮(如果不能取消按钮就添加name值)  注：两个的话name值必须相同
checkbox:复选框（如果是进去就勾选上的话就添加checked="checked"注：两个一样的话就可以直接写成一个）
reset：重置按钮
button:普通按钮（这个可以是标签也可以是属性）
设置按钮文字的属性是：value
file:上传文件
email:邮箱
url:网址
image：图片
date：日期
week：周
tetxtarea:文本域这个是个双标签
<form>
      个人介绍：
      <textarea cols="40" rows="10">介绍一下你自己吧！</textarea>
</form>
（注：cols=“每行中的字符数”，rows=“显示的行数”，一般不会用，都是用CSS改变大小）
下面就是另一个了
下拉菜单
<select>
   <option>选项1</option>
   <option>选项2</option>
</select>
这里不细讲了以上呢都是常用的标签可以自学自练学会后简单做个页面没问题的到这里咱们的html就告一段落了接下来靠你们的慕白给你们发css教程了#【慕白教程】css基础篇#