• HTML(HyperText markup language 超文本标记语言)从出现到现在,从以前是文本编辑语言到现在只是用来表达内容。样式是由CSS做的。

  • HTML 语义化:根据内容的结构化,选择合适的标签,便于开发者阅读和写出更优雅的代码同时让浏览器的爬虫和机器很好的解析。

1
2
3
4
<html> 表示根标签
<head><body>是结构化标签,<head>是给浏览器看的,<body>是给用户看的。
<titile>表示页面标题 <h>表示标题 <strong>加粗 <em>表示斜体 <del>表示中划线 <address>表示地址
容器:<div> <span>
  • 高级标签:在编辑器里的空格只代表文本分隔符。
    1
    2
    .&nbsp;代表一个空格
    <ol><ul>常用作网页导航栏
  1. ol表示有序列表,在标签内写type=“A”就是以字母表排序,“1”就是以数字排序,start=”2”就是以数字2开始排序
  2. ul表示无序列表
  3. 通常通过list-style:none 取消掉圆点样式.

相对路径:当html文和jpg文件在同一文件夹时,此时为相对路径。

图片占位置和提示符的区别

  1. alt=”当图片展示不出来的时候,会用文字展示出来,这就是图片占位符”
  2. title=”图片提示符,当光标移动过去的时候会提示效果”
1
<a href=""> hyper Text reference--超文本引用
  • href 与src 之间的区别:
  1. href标识超文本引用,用在link和a等元素上,href是引用和页面关联,是在当前元素和引用资源之间建立联系。
  2. src表示引用资源,表示替换当前元素,用在img,script,iframe上,src是页面内容不可缺少的一部分。

标签的几个作用:①超链接 ,②锚点, ③打电话 ④协议限定符(可运行js代码)target=“blank”就是在新的空白页中打开。


1
2
<form>标签 能够把前端的数据完全发送给后端
<input type="text"> <input type="password">
  • mothod 表示发送的方法
  • action 用来填发送给谁的地址

单选框&复选框

  1. 当要做一个单选框的时候,input 里面的type=”radio”,请name相同,则只能单选一个
  2. 当需要进行多选的时候,input 里面的type=“checkbox”,则能多选。
  3. 在某些表单中,可以默认选中某些选项来提高用户体验,则可以使用check=”checked” 表示默认已经选中

创建下拉框

1
2
3
4
<select name="phone">
<option value="数据值">iphone</option>
<option value="数据值">vivo</option>
</select>

评论